/*@import url('https://fonts.googleapis.com/css2?family=Manrope:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Manrope+Flex:opsz,wght@8..144,100..1000&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');*/

:root {
    --mud-palette-drawer-background: #FAFAFA !important;
    --mud-palette-drawer-text: #311718 !important;
    --mud-palette-drawer-icon: #838383 !important;
    --mud-drawer-width-left: 280px !important;
    --mud-elevation-1: none !important;
    --mud-typography-caption-family: "Manrope", sans-serif !important;
    --mud-typography-family: "Manrope", sans-serif !important;
    --mud-typography-subtitle1-family: "Manrope", sans-serif !important;
    --mud-default-borderradius: 12px !important;
    --mud-typography-default-size: 0.775rem !important;

    --mud-zindex-dialog: 9999;

    --mud-typography-button-weight: 400 !important;
    --mud-palette-skeleton: #FAFAFA !important;
    --rz-input-border-radius: 12px !important;
    --mud-palette-action-disabled-background: rgba(241, 239, 239, 0.82) !important;
    /*--mud-palette-primary: rgb(0, 0, 0) !important;*/
}

.virtualize-modal .mud-dialog-container {
    max-height: 85vh !important;
    height: 85vh !important;
}

.virtualize-modal .mud-dialog-content {
    max-height: 70vh !important;
    height: 70vh !important;
    overflow-y: auto !important;
    padding: 16px !important;
}

.mud-pagination .mud-button-root
{
    height: 32px !important;
    width: 32px !important;
    min-width: unset !important;
}

html, body, #app { height: 100%; }

body {
    font-family: "Manrope", sans-serif !important;
}

/* Dark theme: make search inputs/buttons visible (Merchants/Providers/Statistics) */
.mud-dark-theme .input-confines .mud-input-root,
.mud-dark-theme .pm-invoice__search .mud-input-root,
.mud-dark-theme .pm-invoice__status .mud-input-root {
    background: rgba(255, 255, 255, 0.06) !important;
}

.mud-dark-theme .input-confines .mud-input-outlined-border,
.mud-dark-theme .pm-invoice__search .mud-input-outlined-border,
.mud-dark-theme .pm-invoice__status .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.22) !important;
}

.mud-dark-theme .input-confines .mud-input-adornment svg,
.mud-dark-theme .pm-invoice__search .mud-input-adornment svg,
.mud-dark-theme .pm-invoice__status .mud-input-adornment svg {
    color: rgba(255, 255, 255, 0.72) !important;
}

.mud-dark-theme .input-confines .mud-input-label,
.mud-dark-theme .input-confines input,
.mud-dark-theme .pm-invoice__search input,
.mud-dark-theme .pm-invoice__status input {
    color: rgba(255, 255, 255, 0.92) !important;
}

.mud-dark-theme .input-confines .mud-input-label,
.mud-dark-theme .pm-invoice__search .mud-input-label,
.mud-dark-theme .pm-invoice__status .mud-input-label {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* PaymentProviders: compact card "open" action */
.pm-provider-open {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.pm-provider-open__btn {
    height: 34px;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    border-color: var(--pmf-border);
    background: rgba(99, 102, 241, 0.08);
}

.pm-provider-open__icon {
    width: 18px;
    height: 18px;
    opacity: 0.9;
}

.pm-provider-open__btn:hover {
    transform: translateY(-1px);
    border-color: rgba(99, 102, 241, 0.45);
    background: rgba(99, 102, 241, 0.14);
}

.mud-dark-theme .pm-provider-open__btn {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
}

.mud-dark-theme .pm-provider-open__btn:hover {
    border-color: rgba(99, 102, 241, 0.55);
    background: rgba(99, 102, 241, 0.16);
}

/* ReflectiveData: clickable header title */
.pm-rd__title-btn {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.pm-rd__title-btn:hover .pm-rd__title {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

/* SimpleStats — карточки метрик (светлая / тёмная: .mud-dark-theme на предке) */
.simple-stats {
    --ss-surface: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    --ss-border: rgba(15, 23, 42, 0.08);
    --ss-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08);
    --ss-label: #64748b;
    --ss-value: #0f172a;
    --ss-accent: #6366f1;
    --ss-icon-bg: color-mix(in srgb, var(--ss-accent) 14%, transparent);
    --ss-icon-fg: var(--ss-accent);

    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.9rem;
    background: var(--ss-surface);
    border: 1px solid var(--ss-border);
    border-radius: 14px;
    padding: 0.85rem 1rem 0.85rem 0.85rem;
    box-shadow: var(--ss-shadow);
    color: var(--ss-value);
    flex: 1 1;
    min-width: min(280px, 100%);
    max-width: 340px;
    text-wrap: nowrap;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.18s ease;
}

.simple-stats:hover {
    --ss-shadow: 0 4px 6px rgba(15, 23, 42, 0.05), 0 14px 32px -6px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}

.simple-stats__icon-wrap {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ss-icon-bg);
    color: var(--ss-icon-fg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.simple-stats__svg {
    width: 24px;
    height: 24px;
    display: block;
}

.simple-stats__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.2rem;
    min-width: 0;
}

.simple-stats__label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ss-label);
    line-height: 1.25;
}

.simple-stats__data {
    font-weight: 700;
    font-size: 1.35rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--ss-value);
    font-variant-numeric: tabular-nums;
}

/* Акценты по типу карточки */
.simple-stats--default {
    --ss-accent: #6366f1;
}
.simple-stats--shield {
    --ss-accent: #0284c7;
}
.simple-stats--wallet {
    --ss-accent: #7c3aed;
}
.simple-stats--payin {
    --ss-accent: #059669;
}
.simple-stats--payout {
    --ss-accent: #d97706;
}
.simple-stats--conversion {
    --ss-accent: #db2777;
}
.simple-stats--time-in {
    --ss-accent: #2563eb;
}
.simple-stats--time-out {
    --ss-accent: #c026d3;
}
.simple-stats--total {
    --ss-accent: #4f46e5;
}
.simple-stats--issued {
    --ss-accent: #0d9488;
}
.simple-stats--reject {
    --ss-accent: #dc2626;
}
.simple-stats--traffic {
    --ss-accent: #ea580c;
}
.simple-stats--processed {
    --ss-accent: #16a34a;
}

.mud-dark-theme .simple-stats {
    --ss-surface: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
    --ss-border: rgba(255, 255, 255, 0.09);
    --ss-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 8px 28px rgba(0, 0, 0, 0.45);
    --ss-label: #94a3b8;
    --ss-value: #f1f5f9;
}

.mud-dark-theme .simple-stats:hover {
    --ss-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 12px 36px rgba(0, 0, 0, 0.55);
}

.mud-dark-theme .simple-stats__icon-wrap {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* FinanceStats — тот же каркас и токены, что у SimpleStats (.simple-stats + simple-stats--*) */
.finance-stats.simple-stats {
    flex: 0 1 auto;
    align-self: flex-start;
    flex-direction: column;
    align-items: stretch;
    max-width: none;
    min-width: min(280px, 100%);
    padding: 0;
    gap: 0;
    overflow: hidden;
}

.finance-stats.simple-stats:hover {
    transform: translateY(-1px);
}

.finance-stats__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1rem 0.85rem 0.85rem;
    border-bottom: 1px solid var(--ss-border);
}

.finance-stats__head .simple-stats__content {
    justify-content: center;
}

.finance-stats__head-text.simple-stats__content {
    min-width: 0;
}

.finance-stats__mud-head-icon,
.finance-stats__mud-head-icon.mud-icon-root {
    color: var(--ss-accent) !important;
}

.finance-stats__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-height: none;
    overflow-y: visible;
}

.finance-stats__section--top,
.finance-stats__section--bottom {
    background: transparent;
}

.finance-stats__item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--ss-border);
    transition: background 0.18s ease;
    box-sizing: border-box;
}

.finance-stats__item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    min-width: 0;
}

.finance-stats__item-left {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.finance-stats__item-right {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    flex-shrink: 0;
}

.finance-stats__item:last-child {
    border-bottom: none;
}

.finance-stats__item[role="button"] {
    cursor: pointer;
}

.finance-stats__item[role="button"]:hover {
    background: color-mix(in srgb, var(--ss-accent) 6%, transparent);
}

.mud-dark-theme .finance-stats__item[role="button"]:hover {
    background: rgba(255, 255, 255, 0.04);
}

.finance-stats__row-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    flex-shrink: 0;
}

.finance-stats__item-header {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ss-value);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.finance-stats__item--bottom .finance-stats__item-header {
    color: var(--ss-label);
}

.finance-stats__item-value {
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--ss-value);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.finance-stats__item-prefix {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ss-label);
}

.finance-stats--dense .finance-stats__item {
    padding: 0.5rem 1rem;
}

.finance-stats--dense .finance-stats__item-value {
    font-size: 0.95rem;
}

.finance-stats.simple-stats.finance-stats--outlined {
    background: transparent;
    box-shadow: none;
    border: 1px solid var(--ss-border);
}

.mud-dark-theme .finance-stats.simple-stats.finance-stats--outlined {
    background: transparent;
}

.finance-stats.simple-stats.finance-stats--ghost {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}

.finance-stats.simple-stats.finance-stats--borderless {
    border: none;
    box-shadow: none;
}

.finance-stats__section--top + .finance-stats__section--bottom {
    border-top: 1px solid var(--ss-border);
}

.finance-stats__item-icon {
    color: inherit !important;
}

.finance-stats__item[role="button"]:focus-visible {
    outline: 2px solid var(--ss-accent);
    outline-offset: -2px;
}

.finance-stats__item-value.positive {
    color: #10b981;
}

.finance-stats__item-value.negative {
    color: #ef4444;
}

.mud-dark-theme .finance-stats__item-value.positive {
    color: #34d399;
}

.mud-dark-theme .finance-stats__item-value.negative {
    color: #f87171;
}

.finance-stats.finance-card:hover {
    transform: translateY(-1px);
}

.finance-stats.simple-stats.global-card {
    border-width: 2px;
}

/* Совместимость со старыми классами / вложенным контентом */
.simple-stats .data {
    margin-top: 0.5rem;
    font-weight: 700;
    font-size: 24px;
}

.simple-stats label:first-of-type {
    font-weight: 500;
    font-size: 15px;
}

/* -------------------------------------------------------------------------- */
/* LoginLayout styles (moved from scoped CSS: Paymap.styles.css)               */
/* After decompilation/rebuild, scoped attributes like [b-nrussp26aw] can      */
/* change. These rules are made global to avoid style loss.                   */
/* -------------------------------------------------------------------------- */

.login-layout {
    display: flex;
    padding: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.login-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: #000;
}

.login-bg-ripples {
    width: 100vw;
    height: 100vh;
    display: block;
}

.login-layout,
.login {
    position: relative;
    z-index: 1;
}

.login-bg-ripples path {
    stroke-opacity: 1 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.login-bg-ripples g > g:nth-of-type(odd) path {
    animation: login-ripple-shift 10s linear infinite;
}

.login-bg-ripples g > g:nth-of-type(3n) path {
    animation: login-ripple-shift 12s linear infinite reverse;
}

@keyframes login-ripple-shift {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-420px, 0, 0); }
}

/* -------------------------------------------------------------------------- */
/* PayMap auth — HTML-панель, орбы с движением в vw/vh (заметная анимация)    */
/* -------------------------------------------------------------------------- */

.pm-auth-page {
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    /* чуть темнее база — цветные пятна читаются сильнее */
    background: #d8dee8;
}

.pm-auth-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.pm-auth-bg__wash {
    position: absolute;
    inset: 0;
    background: linear-gradient(150deg, #f4f6fa 0%, #e2e8f2 42%, #d4dce8 100%);
}

.pm-auth-blobs {
    position: absolute;
    inset: -25%;
}

/* Крупное вращение «северного сияния» — движение всегда заметно */
.pm-auth-blobs::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 220vmax;
    height: 220vmax;
    margin-left: -110vmax;
    margin-top: -110vmax;
    background: conic-gradient(
        from 0deg at 50% 50%,
        rgba(124, 58, 237, 0.45),
        rgba(59, 130, 246, 0.4),
        rgba(16, 185, 129, 0.38),
        rgba(244, 114, 182, 0.32),
        rgba(251, 191, 36, 0.28),
        rgba(124, 58, 237, 0.45)
    );
    animation: pm-auth-aurora-rotate 22s linear infinite;
    opacity: 0.55;
}

@keyframes pm-auth-aurora-rotate {
    to { transform: rotate(360deg); }
}

.pm-auth-blob {
    position: absolute;
    border-radius: 50%;
    will-change: transform;
    /* чуть резче края — меньше blur, выше насыщенность */
}

.pm-auth-blob--1 {
    width: min(88vmin, 620px);
    height: min(88vmin, 620px);
    left: -14%;
    top: 2%;
    background: radial-gradient(circle at 30% 30%, rgba(139, 92, 246, 0.72) 0%, rgba(167, 139, 250, 0.38) 32%, rgba(196, 181, 253, 0.15) 58%, transparent 72%);
    box-shadow:
        0 0 80px 36px rgba(139, 92, 246, 0.35),
        0 0 140px 70px rgba(139, 92, 246, 0.12);
    filter: blur(22px);
    animation: pm-auth-blob-a 11s ease-in-out infinite;
}

.pm-auth-blob--2 {
    width: min(82vmin, 580px);
    height: min(82vmin, 580px);
    right: -16%;
    top: 18%;
    background: radial-gradient(circle at 42% 38%, rgba(2, 132, 199, 0.68) 0%, rgba(56, 189, 248, 0.4) 34%, rgba(125, 211, 252, 0.14) 60%, transparent 74%);
    box-shadow:
        0 0 72px 32px rgba(14, 165, 233, 0.32),
        0 0 130px 64px rgba(14, 165, 233, 0.1);
    filter: blur(24px);
    animation: pm-auth-blob-b 13s ease-in-out infinite;
    animation-delay: -2s;
}

.pm-auth-blob--3 {
    width: min(76vmin, 520px);
    height: min(76vmin, 520px);
    left: 4%;
    bottom: -26%;
    background: radial-gradient(circle at 48% 48%, rgba(5, 150, 105, 0.65) 0%, rgba(52, 211, 153, 0.36) 36%, rgba(167, 243, 208, 0.12) 62%, transparent 76%);
    box-shadow:
        0 0 68px 30px rgba(16, 185, 129, 0.3),
        0 0 120px 58px rgba(16, 185, 129, 0.09);
    filter: blur(26px);
    animation: pm-auth-blob-c 15s ease-in-out infinite;
    animation-delay: -4s;
}

@keyframes pm-auth-blob-a {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(22vw, 14vh, 0) scale(1.22); }
}

@keyframes pm-auth-blob-b {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1.08); }
    50% { transform: translate3d(-24vw, 16vh, 0) scale(0.94); }
}

@keyframes pm-auth-blob-c {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(26vw, -18vh, 0) scale(1.2); }
}

.pm-auth-bg__shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        transparent 22%,
        rgba(255, 255, 255, 0.35) 44%,
        rgba(255, 255, 255, 0.65) 50%,
        rgba(255, 255, 255, 0.32) 56%,
        transparent 78%
    );
    background-size: 280% 280%;
    animation: pm-auth-shine 12s ease-in-out infinite;
    mix-blend-mode: soft-light;
    opacity: 0.85;
}

@keyframes pm-auth-shine {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.pm-auth-loader-fullscreen {
    position: fixed;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    background: rgba(238, 241, 246, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.pm-auth-loader-fullscreen--inline {
    position: relative;
    inset: unset;
    min-height: 140px;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.pm-auth-loader {
    position: relative;
    width: 56px;
    height: 56px;
}

.pm-auth-loader__orbit {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #121218;
    border-right-color: rgba(18, 18, 24, 0.2);
    animation: pm-auth-spin 0.88s cubic-bezier(0.55, 0.12, 0.45, 0.88) infinite;
}

.pm-auth-loader__core {
    position: absolute;
    inset: 13px;
    border-radius: 50%;
    background: linear-gradient(148deg, #ffffff, #eceef2);
    box-shadow:
        0 4px 22px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    animation: pm-auth-core-pulse 1.55s ease-in-out infinite;
}

@keyframes pm-auth-spin {
    to { transform: rotate(360deg); }
}

@keyframes pm-auth-core-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(0.9); opacity: 0.9; }
}

.pm-auth-loader__caption {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #5a5a64;
    letter-spacing: 0.02em;
    animation: pm-auth-fade-pulse 2.2s ease-in-out infinite;
}

@keyframes pm-auth-fade-pulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

.pm-auth-stage {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    box-sizing: border-box;
}

.pm-auth-panel {
    width: 100%;
    max-width: 400px;
    padding: 2rem 1.75rem 1.5rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.98);
    border-radius: 24px;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04),
        0 28px 56px rgba(15, 23, 42, 0.1),
        inset 0 1px 0 #fff;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.pm-auth-panel--enter {
    animation: pm-auth-panel-in 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes pm-auth-panel-in {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pm-auth-panel--skeleton {
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pm-auth-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.pm-auth-brand__logo {
    border-radius: 14px;
    object-fit: contain;
}

.pm-auth-brand__name {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #0c0c0f;
}

.pm-auth-head {
    text-align: center;
    margin-bottom: 1.5rem;
}

.pm-auth-title {
    margin: 0 0 0.4rem;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #0c0c0f;
}

.pm-auth-lead {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: #5e5e68;
}

.pm-auth-timer {
    margin: 0.85rem 0 0;
    font-size: 0.8125rem;
    color: #4b5563;
}

.pm-auth-qrcode {
    display: block;
    max-width: 200px;
    width: 100%;
    height: auto;
    margin: 0.85rem auto 0;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.pm-auth-fields {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.25rem;
    text-align: left;
}

.pm-auth-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

.pm-auth-label {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #6b7280;
}

.pm-auth-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.78rem 0.95rem;
    font-family: inherit;
    font-size: 0.9375rem;
    color: #111827;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.pm-auth-input:hover {
    border-color: #d1d5db;
}

.pm-auth-input:focus {
    border-color: #111827;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
}

.pm-auth-otp {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 0.25rem;
}

.pm-auth-otp__cell {
    width: 2.75rem;
    height: 3.25rem;
    padding: 0;
    box-sizing: border-box;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1.35rem;
    font-weight: 600;
    text-align: center;
    color: #111827;
    background: #f9fafb;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.12s ease;
}

.pm-auth-otp__cell:hover:not(:disabled) {
    border-color: #d1d5db;
}

.pm-auth-otp__cell--focus,
.pm-auth-otp__cell:focus {
    border-color: #111827;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
}

.pm-auth-otp__cell--filled {
    background: #fff;
    border-color: #cbd5e1;
}

.pm-auth-otp--error .pm-auth-otp__cell,
.pm-auth-otp__cell.pm-auth-otp__cell--error {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

.pm-auth-otp__cell:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.pm-audit-log-ss__filters {
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

.pm-audit-log-ss__filter {
    min-width: min(100%, 220px);
    flex: 1 1 180px;
}

.pm-audit-log-ss__dd {
    width: 100%;
}

.pm-audit-log-ss__details {
    margin-top: 0.5rem;
}

.pm-audit-log-ss__details-summary {
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6b7280;
}

.pm-audit-log-ss__details-pre {
    margin: 0.5rem 0 0;
    padding: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.45;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.pm-auth-input-wrap {
    position: relative;
    display: flex;
    align-items: stretch;
}

.pm-auth-input--inset {
    padding-right: 2.75rem;
}

.pm-auth-eye {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.35rem;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease;
}

.pm-auth-eye:hover {
    color: #111827;
    background: rgba(0, 0, 0, 0.045);
}

.pm-auth-error {
    margin: 0;
    padding: 0.62rem 0.8rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
}

.pm-auth-primary {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.15rem;
    padding: 0.85rem 1.2rem;
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(180deg, #1c1c22 0%, #09090b 100%);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
    touch-action: manipulation;
    transition: transform 0.08s ease, box-shadow 0.1s ease, opacity 0.1s ease;
}

.pm-auth-primary:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

.pm-auth-primary:active:not(:disabled) {
    transform: scale(0.985);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pm-auth-primary:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.pm-auth-link {
    display: block;
    width: 100%;
    margin-top: 0.8rem;
    padding: 0.45rem;
    font-family: inherit;
    font-size: 0.8125rem;
    color: #4b5563;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.pm-auth-link:hover {
    color: #111827;
}

.pm-auth-copy {
    margin: 1.4rem 0 0;
    text-align: center;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #9ca3af;
}

@media (prefers-reduced-motion: reduce) {
    .pm-auth-blobs::before,
    .pm-auth-blob--1,
    .pm-auth-blob--2,
    .pm-auth-blob--3,
    .pm-auth-bg__shine,
    .pm-auth-panel--enter,
    .pm-auth-loader__orbit,
    .pm-auth-loader__core,
    .pm-auth-loader__caption {
        animation: none !important;
    }

    .pm-auth-panel--enter {
        opacity: 1;
        transform: none;
    }
}


.login {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    margin-top: 20vh;
}

.login button,
.login-layout button {
    width: 100%;
}

.login-header {
    display: flex;
    flex-direction: column;
}

.login-header h3 {
    font-weight: 400;
}

.login-header label {
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
    font-weight: 300;
    font-size: 13px;
}

.login-inputs {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

button {
    border-radius: var(--mud-default-borderradius) !important;
}

#components-reconnect-modal {
    display: none !important;
}

.mud-tabs-tabbar .mud-tabs-tabbar-inner
{
    border-bottom: 1px solid #E4E4E5;
}

.mud-button-filled-primary {
    min-width: 142px !important;
}

.mud-input-numeric-spin {
    margin-right: 1rem;
}

.mud-input-number-control.mud-input-showspin .mud-input-adornment-end {
    margin-inline-end: 30px !important;
    margin-inline-start: unset;
}

.mud-dialog button {
    height: 36.5px !important;
}

h1:focus {
    outline: none;
}



.mud-table-loading {
    display: none !important;
}

._indicator {
    justify-content: center;
    display: flex;
}

.mud-table-cell .mud-icon-root {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mud-table-cell {
    font-size: 11px !important;
}

.mud-table-cell .mud-typography {
    font-size: 11px !important;
}

.mud-drawer.mud-drawer-mini {
    height: 100vh !important;
}

/* -------------------------------------------------------------------------- */
/* PayMap drawer/nav (responsive without MudHidden)                            */
/* -------------------------------------------------------------------------- */

/*
 * Responsive visibility: generic .pm-only-* НЕ задаёт display — его переопределяют
 * .pm-mobile-drawer-toggle (inline-flex !important), из‑за чего «гамбургер» был всегда на ПК.
 * Явные правила по компонентам:
 */
aside.pm-rail.pm-rail--desktop.pm-only-desktop {
    display: none !important;
}

aside.pm-rail.pm-rail--sheet.pm-only-mobile {
    display: none !important;
}

.pm-rail-backdrop.pm-only-mobile {
    display: none !important;
}

@media (min-width: 960px) {
    aside.pm-rail.pm-rail--desktop.pm-only-desktop {
        display: flex !important;
        flex-direction: column !important;
    }
}

@media (max-width: 959.98px) {
    aside.pm-rail.pm-rail--sheet.pm-only-mobile {
        display: flex !important;
        flex-direction: column !important;
    }

    .pm-rail-backdrop.pm-only-mobile {
        display: block !important;
    }
}

/* Внешний вид drawer см. конец файла: «PayMap drawer — premium» (перебивает new.css) */

.pm-drawer-header {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    position: relative;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    margin-bottom: 4px;
}

.pm-brand {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 4px;
    padding-right: 40px;
}

.pm-brand__logo {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-radius: 11px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    background: #fff;
    padding: 4px;
}

.pm-brand__text {
    display: inline-block;
    margin-top: 0;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 1.05rem !important;
    background: linear-gradient(120deg, #0f172a 0%, #4338ca 55%, #6366f1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

/* Mini drawer: логотип в центрированной кнопке — разворачивает панель */
.pm-drawer-header--mini-brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.pm-brand--mini-trigger {
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    margin: 0 !important;
}

.pm-brand-expand {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0;
    padding: 0;
    border-radius: 13px;
    border: 1px solid rgba(99, 102, 241, 0.18);
    background: linear-gradient(155deg, rgba(255,255,255,0.95) 0%, rgba(248,250,252,0.98) 100%);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.9) inset,
        0 4px 14px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.pm-brand-expand:hover {
    transform: scale(1.04);
    border-color: rgba(99, 102, 241, 0.35);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.95) inset,
        0 8px 22px rgba(99, 102, 241, 0.18);
}

.pm-brand-expand:active {
    transform: scale(0.98);
}

.pm-brand-expand__logo {
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: 9px;
    display: block;
    background: #fff;
    padding: 3px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    pointer-events: none;
}

.mud-dark-theme .pm-brand-expand {
    background: linear-gradient(155deg, rgba(52,52,58,0.95) 0%, rgba(34,34,38,0.98) 100%);
    border-color: rgba(129, 140, 248, 0.35);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.08) inset,
        0 6px 22px rgba(0, 0, 0, 0.35);
}

.mud-dark-theme .pm-brand-expand:hover {
    border-color: rgba(129, 140, 248, 0.5);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.1) inset,
        0 10px 28px rgba(0, 0, 0, 0.45);
}

.mud-dark-theme .pm-brand-expand__logo {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.pm-drawer-collapse {
    position: absolute !important;
    top: 10px;
    right: 8px;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(99, 102, 241, 0.08) !important;
    border: 1px solid rgba(99, 102, 241, 0.15) !important;
    transition: background 0.2s ease, transform 0.18s ease, box-shadow 0.2s ease !important;
}

.pm-drawer-collapse:hover {
    background: rgba(99, 102, 241, 0.14) !important;
    transform: scale(1.04);
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.2);
}

.pm-mobile-drawer-toggle,
.pm-desktop-drawer-toggle {
    display: none !important;
    align-items: center;
    justify-content: center;
    position: fixed !important;
    z-index: 1301;
    top: 14px;
    left: 14px;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid rgba(228, 228, 229, 0.85) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    color: #312e81;
    cursor: pointer;
}

.pm-desktop-drawer-toggle { display: none !important; }

@media (max-width: 959.98px) {
    .pm-mobile-drawer-toggle {
        display: inline-flex !important;
    }
}

.pm-rail-toggle__svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.mud-dark-theme .pm-mobile-drawer-toggle {
    background: rgba(30,30,34,0.92) !important;
    border-color: rgba(255,255,255,0.1) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.45);
    color: #e0e7ff;
}

/* MainLayout + нативный shell: MudLayout задаёт только height; включаем flex-цепочку для скролла основной колонки */
.mud-layout:has(.pm-shell) {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Растягиваем shell внутри MudLayout */
.mud-layout:has(.pm-shell) .pm-shell {
    flex: 1 1 auto;
    min-height: 0;
}

/* --- Native sidebar (HTML, не MudDrawer) --- */
.pm-shell {
    display: flex;
    flex-direction: column;
    min-height: min(100dvh, 100%);
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.pm-rail {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.pm-rail--desktop {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1200;
    width: var(--mud-drawer-width-left);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.pm-rail--desktop.pm-rail--mini {
    width: 72px !important;
}

.pm-rail__scroll {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Drawer: прокрутка без видимого скроллбара */
.pm-rail__scroll,
.pm-rail--sheet .pm-drawer-content .container-padding {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pm-rail__scroll::-webkit-scrollbar,
.pm-rail--sheet .pm-drawer-content .container-padding::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.pm-main {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    /* margin-left + width:100% давали горизонтальный скролл */
}

/* Основная колонка: скролл внутри (MudLayout height:100%, flex-цепочка) */
.pm-shell > .pm-main.mud-main-content {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 960px) {
    .pm-shell .pm-main {
        transition: margin-left 180ms ease;
    }

    .pm-shell--drawer-mini .pm-main {
        margin-left: 88px !important;
        max-width: calc(100% - 88px);
    }

    .pm-shell--drawer-open .pm-main {
        margin-left: var(--mud-drawer-width-left) !important;
        max-width: calc(100% - var(--mud-drawer-width-left));
    }
}

@media (max-width: 959.98px) {
    .pm-main {
        margin-left: 0 !important;
        max-width: 100% !important;
    }
}

.pm-rail-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1190;
    background: rgba(15, 23, 42, 0.38);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
    backdrop-filter: blur(2px);
}

.pm-rail-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mud-dark-theme .pm-rail-backdrop.is-visible {
    background: rgba(0, 0, 0, 0.55);
}

.pm-rail--sheet {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1296;
    width: min(var(--mud-drawer-width-left), 90vw);
    height: 100dvh;
    max-height: 100dvh;
    transform: translateX(-103%);
    transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.pm-rail--sheet.is-open {
    transform: translateX(0);
}

.pm-rail-header {
    position: relative !important;
    flex-shrink: 0;
}

.pm-rail-sheet-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.1);
    color: #4338ca;
    cursor: pointer;
    transition: background 0.18s ease, transform 0.18s ease;
}

.pm-rail-sheet-close:hover {
    background: rgba(99, 102, 241, 0.18);
    transform: scale(1.04);
}

.pm-rail-sheet-close svg {
    width: 20px;
    height: 20px;
}

.mud-dark-theme .pm-rail-sheet-close {
    background: rgba(129, 140, 248, 0.15);
    color: #e0e7ff;
}

/* Кнопка сворачивания десктопа без MudIconButton */
.pm-drawer-collapse-native {
    position: absolute !important;
    top: 10px;
    right: 8px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    cursor: pointer;
    border: 1px solid rgba(99, 102, 241, 0.15);
    background: rgba(99, 102, 241, 0.08);
    transition: background 0.2s ease, transform 0.18s ease, box-shadow 0.2s ease !important;
    color: inherit;
}

.pm-drawer-collapse-native:hover {
    background: rgba(99, 102, 241, 0.14);
    transform: scale(1.04);
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.2);
}

.pm-drawer-collapse__svg {
    width: 20px;
    height: 20px;
}

.pm-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap !important;
    border: 0 !important;
}

.pm-nav-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Пункты меню — токены как у SimpleStats (.simple-stats) */
.pm-nav-link {
    --nav-accent: #6366f1;
    --nav-bg: transparent;
    --nav-fg: #0f172a;
    --nav-muted: #64748b;

    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
    min-height: 38px;
    padding: 0.32rem 0.52rem !important;
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    font-feature-settings: "kern" 1, "liga" 1;
    margin: 0 2px;
    border-radius: 14px !important;
    border: 1px solid transparent;
    text-decoration: none !important;
    color: var(--nav-fg) !important;
    background: linear-gradient(145deg, transparent 0%, transparent 100%);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.22s ease, transform 0.18s ease;
}

.pm-nav-link:hover {
    --nav-bg: rgba(99, 102, 241, 0.09);
    background: linear-gradient(145deg, rgba(255,255,255,0.75) 0%, rgba(248,250,252,0.92) 100%);
    border-color: rgba(15, 23, 42, 0.06);
    box-shadow: 0 1px 3px rgba(15,23,42,0.06);
    transform: translateX(1px);
}

.pm-nav-link--active,
.pm-nav-link--active:hover {
    background: linear-gradient(145deg, #ffffff 0%, #eef2ff 100%) !important;
    border-color: color-mix(in srgb, var(--nav-accent) 22%, transparent);
    box-shadow:
        inset 3px 0 0 var(--nav-accent),
        0 1px 4px rgba(15,23,42,0.06) !important;
    color: var(--nav-fg) !important;
    transform: none;
}

.pm-nav-link__icon-wrap {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--nav-accent) 14%, transparent);
    color: var(--nav-accent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.pm-nav-link--active .pm-nav-link__icon-wrap {
    background: color-mix(in srgb, var(--nav-accent) 26%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.pm-nav-link__svg {
    width: 18px;
    height: 18px;
    display: block;
}

.pm-nav-link__label {
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    min-width: 0;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

/* Акценты строк — зеркально simple-stats--* */
.pm-nav-link--default { --nav-accent: #6366f1; }
.pm-nav-link--shield { --nav-accent: #0284c7; }
.pm-nav-link--wallet { --nav-accent: #7c3aed; }
.pm-nav-link--payin { --nav-accent: #059669; }
.pm-nav-link--payout { --nav-accent: #d97706; }
.pm-nav-link--conversion { --nav-accent: #db2777; }
.pm-nav-link--time-in { --nav-accent: #2563eb; }
.pm-nav-link--time-out { --nav-accent: #c026d3; }
.pm-nav-link--total { --nav-accent: #4f46e5; }
.pm-nav-link--issued { --nav-accent: #0d9488; }
.pm-nav-link--reject { --nav-accent: #dc2626; }
.pm-nav-link--traffic { --nav-accent: #ea580c; }
.pm-nav-link--processed { --nav-accent: #16a34a; }

.mud-dark-theme .pm-nav-link {
    --nav-fg: #f1f5f9;
    --nav-muted: #94a3b8;
}

.mud-dark-theme .pm-nav-link:hover {
    background: linear-gradient(155deg, rgba(38,38,42,0.75) 0%, rgba(24,24,28,0.85) 100%);
    border-color: rgba(255,255,255,0.08);
    box-shadow: 0 8px 22px rgba(0,0,0,0.28);
}

.mud-dark-theme .pm-nav-link--active,
.mud-dark-theme .pm-nav-link--active:hover {
    background: linear-gradient(155deg, rgba(99,102,241,0.16) 0%, rgba(24,24,28,0.55) 100%) !important;
    border-color: rgba(129, 140, 248, 0.28);
    box-shadow: inset 3px 0 0 #818cf8, 0 8px 24px rgba(0,0,0,0.35) !important;
}

.mud-dark-theme .pm-nav-link__icon-wrap {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pm-drawer-content--mini .nav-container,
.pm-drawer-content--mini .nav-step label,
.pm-drawer-content--mini .pm-nav-link__label {
    display: none !important;
}

.pm-drawer-content--mini .pm-nav-link {
    justify-content: center;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    margin-left: 0;
    margin-right: 0;
}

.pm-drawer-content--mini .pm-nav-link__icon-wrap {
    margin: 0 auto;
}

.mud-dialog-title .mud-typography {
    font-weight: 400;
}

h2 {
    font-family: "Manrope", sans-serif !important;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 22px !important;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.mud-drawer-header {
    display: flex !important;
    flex-direction: column;
}

.mud-drawer-header img {
    width: 3rem;
}

.mud-navmenu-default, .container-padding {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.nav-step {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.nav-step label {
    margin-left: 0.5rem !important;
    margin-bottom: 0.5rem;
    font-size: 13px;
    font-weight: 500;
}

.nav-step .mud-icon-size-medium {
    font-size: 1.25rem !important;
}

.mud-nav-item {
    height: 42px;
    margin-bottom: 0.1rem;
}

.mud-drawer-mini .mud-nav-link {
    border-radius: 12px !important;
}

.mud-nav-link:focus:not(.mud-nav-link-disabled) svg {
    color: #0062FF !important;
}

/*.mud-drawer-header {*/
/*    flex-direction: column;*/
/*}*/

.mud-nav-link {
    font-size: 13px;
}

.nav-container label {
    margin-bottom: 1rem !important;
}

.nav-container .mud-input-outlined-border {
    border-radius: 12px !important;
}

.mud-main-content {
    padding-top: 1rem !important;
}

.header {
    display: flex;
}

.header .profile {
    margin-left: auto;
    background-color: #F9F9F9;
    border-radius: 8px;
    border: 1px solid #E4E4E5;
    display: flex;
    justify-content: center;
    text-align: center;

    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.header .profile label {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.header .profile label, .header .profile svg {
    margin-top: auto;
    margin-bottom: auto;
}

.header .profile .mud-avatar {
    margin-top: auto;
    margin-bottom: auto;
}

.header .profile .mud-button-label .mud-button-icon-end {
    display: flex !important;
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: unset !important;
    margin-inline-end: unset !important;
}

.header .profile button {
    max-width: unset !important;
    min-width: unset !important;
    /*width: 30px !important;*/
    /*height: 30px !important;*/
}

.header .header-action {
    margin-left: auto;
    display: flex;
    margin-right: 1rem;
}

.header .header-action button {
    margin-top: auto;
    margin-bottom: auto;
}

.header .profile .deposit {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.mud-elevation-2 {
    box-shadow: none !important;
}

.mud-tab {
    text-transform: none !important;
}

.indicator-header .mud-svg-icon {
    margin-right: 0.2rem !important;
}

.i-item-header svg {
    width: 22px !important;
    margin-right: 0.2rem !important;
    margin-top: auto;
    margin-bottom: auto;
}

.params button {
    margin-top: 1rem !important;
}

.mud-button-filled {
    box-shadow: none !important;
    text-transform: none !important;
    font-family: "Manrope", sans-serif !important;
    border-radius: 12px !important;
    background-color: #FAFAFA !important;
    color: #000 !important
}

.mud-container-maxwidth-lg {
    max-width: unset !important;
}

.mud-dialog .mud-button {
    width: 100%;
}

.mud-dialog .mud-input {
    border-radius: 12px !important;
}

.mud-dialog-actions {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 24px !important;
}

.login fieldset {
    border-radius: 6px !important;
}

.login .login-action button {
    width: 100% !important;
    height: 40px;
    background-color: #020202 !important;
    color: #fff !important;
    border-radius: 6px !important;
    margin-top: 0.5rem;
}

.action button {
    width: 100%;
}

.input-confines {
    max-width: 450px !important;
}

.margin-input {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mud-table-cell {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-status {
    padding: 0.6rem;
    display: flex;
    border-radius: 9px;
    color: #fff;
    display: flex;
    justify-content: center;
}

.reflective-invoice-action {
    margin-top: 1rem;
}

.reflective-invoice-action button {
    width: 100%;
}

.reflective-invoice-data {
    display: flex;
    flex-direction: row;
    font-size: 13px;
    height: 100%;
}

.reflective-invoice {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #F0F0F0;
    padding: 1rem;
    height: 100%;
}

.data-left {
    flex: 1 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.data-right {
    flex: 1 1;
}

.reflective-line {
    display: flex;
}

.reflective-line div:first-of-type {
    flex: 1 1;
}

.reflective-line div:last-of-type {
    flex: 1 1;
    text-align: end;
}

.reflective-line div:last-of-type label:last-of-type {
    color: #020202;
    font-weight: 500;
}

.important label:first-of-type {
    font-weight: 600;
    color: #020202;
}

.reflective-invoice-action {
    gap: 5px;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.reflective-line {
    margin-bottom: 0.25rem;
}

.data-right {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.img-bg {
    background-color: #e6e6e6;
    border-radius: 12px;
    width: 100%;
    height: 100%;
}

.data-right img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    display: block;
    border-radius: 12px;
}

.not-found-base64 {
    background-color: #232323;
    width: 100%;
    height: 100%;
    display: flex;
    margin-left: 1rem;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    justify-content: center;
    justify-items: center;
}

.not-found-base64 label {
    margin-top: auto;
    margin-bottom: auto;
}

.users-header .mud-select {
    margin-top: auto;
    margin-bottom: auto;
}

.users-header button {
    height: 51px !important;
    margin-top: auto;
    margin-bottom: auto;
}

.item-row .mud-icon-root {
    margin-left: auto;
    margin-right: auto;
}

.settings-item button {
    margin-top: auto;
    width: 100%;
}

.settings .settings-item:last-of-type {
    width: 100% !important;
    flex: auto !important;
}

.user-info .item-row {
    white-space: nowrap;
}

.user-info .item-row:first-of-type {
    min-width: 20%;
}

.tab-header {
    display: flex;
    margin-bottom: 0.5rem;
    gap: 15px;
}

.tab-header button {
    height: 51px !important;
    margin-top: auto;
    margin-bottom: auto;
}

.tab-data {
}

.dialog-check {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    background-color: #FAFAFA !important;
    border: 1px solid #F1F1F1;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}


.dialog-check .mud-input-control p {
    font-size: 13px;
}

.mud-icon-size-medium {
    font-size: 18px !important;
}

.user-wallet-action .mud-icon-root {
    fill: #005BE3 !important;
}

.full-width {
    grid-column: span 2;
}

.mud-container {
    padding-bottom: 1rem !important;
}

.qr-image {
    display: flex;
}

.two-fields .mud-input-control {
    margin-bottom: unset !important;
}

.two-fields .mud-input-control:last-of-type {
    margin-right: auto;
}

.two-fields .mud-select {
    flex-grow: unset !important;
    width: 180px;
    margin-top: auto;
}

.mud-table-pagination-caption {
    display: none !important;
}

.mud-drawer-header .mud-typography-h6 {
/*    margin-top: auto;
    margin-left: 0.4rem;*/
}

.mud-drawer-header img {
    width: 2rem !important;
    height: 2rem !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mud-drawer-header {
    flex-direction: row !important;
}

.nav-container label:first-of-type {
    font-weight: 500;
    margin-left: 1rem;
}


.exit-btn {
    width: 36.5px;
    height: 36.5px;
}

.header-menu {
    position: fixed;
    z-index: 20000;
    display: none;
    left: 2rem;
    bottom: 5rem;
}

.header-menu .mud-button-label .mud-button-icon-start {
    display: inherit;
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: unset !important;
    margin-inline-end: unset !important;
}

.header-menu button {
    width: 54px !important;
    height: 54px !important;
    min-width: unset !important;
    background-color: #020202 !important;
    color: #fff !important;
    font-size: 21px !important;
}

.header-menu .mud-icon-root {
    width: 1.4rem !important;
    height: 1.4rem !important;
}

.hide {
    display: none !important;
}

.show {
    display: unset !important;
}

.grid-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
    gap: 16px;
}

.grid-item {
    box-sizing: border-box;
    border-radius: 12px;
}

.mud-table .mud-table-child-content .reflective {
    width: 50%;
}

.mud-table .mud-table-child-content .reflective .settings {
    display: grid !important;
}

.mud-popover-open .mud-menu-list .mud-menu-item button {
    width: 100% !important;
    height: 100% !important;
}

.copy-btn {
    width: 24px;
    height: 24px;
    margin-left: 0.2rem !important;
}

.mud-tabs .tab-data .pagination {
    margin-top: 2rem;
    display: flex;
}

.mud-tabs .tab-data .pagination .mud-pagination {
    margin-left: auto;
    margin-right: auto;
}

.mud-table-body .mud-tab.mud-tab-active {
    background-color: #F1F1F16E !important;
}

.wallet-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1rem;
}

.grid-list p:first-of-type {
    text-align: center;
}

.tab-head-item .mud-picker-inline {
    width: 60% !important;
    flex: none !important;
}

.mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(14px, 10px) scale(1);
}

.tab-head-item .mud-select {
    width: auto;
}

.tab-head-item .mud-select .mud-select-input {
    line-height: 40px !important;
    height: 40px !important;
}

.login-inputs .mud-input {
    line-height: 40px !important;
    height: 40px !important;
}

.nav-container .mud-input {
    line-height: 40px !important;
    height: 40px !important;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 3000px var(--input-bg, white) inset !important;
    -webkit-text-fill-color: var(--input-color, #000) !important;
    caret-color: var(--input-color, #000) !important;
}


.virtualize-modal .mud-typography-caption
{
    line-height: 40px !important;
    height: 40px !important;
}

.tab-head-item .mud-button-filled-size-medium, .tab-head-item .mud-menu,.tab-head-item .mud-input-outlined-with-label
{
    height: 41px;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.tab-header .mud-input-control-input-container
{
    margin-top: auto;
    margin-bottom: auto;
}

.tab-stats-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tab-head, .tab-stats {
    margin-bottom: 1rem;
}

.tab-fin-stats-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
}

.tab-fin-stats--global {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.mud-dark-theme .tab-fin-stats--global {
    border-top-color: rgba(255, 255, 255, 0.09);
}

.tab-fin-stats-global-head h2 {
    margin: 0 0 0.75rem 0;
}

.tab-fin-stats--bank-method {
    margin-top: 1.25rem;
}

.tab-fin-stats-list--bank-method {
    width: 100%;
}

.tab-fin-stats-list--bank-method > .bank-method-stats {
    flex: 1 1 100%;
    max-width: none;
    min-width: min(320px, 100%);
    flex-direction: column;
    align-items: stretch;
    text-wrap: initial;
    padding: 0;
    overflow: hidden;
}

.bank-method-stats__head {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1rem 0.75rem;
    border-bottom: 1px solid var(--ss-border, rgba(15, 23, 42, 0.08));
}

.bank-method-stats__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-height: min(52vh, 28rem);
    overflow: auto;
}

.bank-method-stats__grid-head,
.bank-method-stats__row {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(5.5rem, 0.75fr) minmax(7.5rem, 0.9fr);
    align-items: center;
    gap: 0.65rem 1rem;
    padding: 0.65rem 1rem;
    box-sizing: border-box;
}

.bank-method-stats__grid-head {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ss-label, #64748b);
    background: color-mix(in srgb, var(--ss-accent, #059669) 5%, var(--ss-surface, #f8fafc));
    border-bottom: 1px solid var(--ss-border, rgba(15, 23, 42, 0.08));
    backdrop-filter: blur(6px);
}

.bank-method-stats__grid-head span:last-child,
.bank-method-stats__amount {
    text-align: right;
    justify-self: end;
}

.bank-method-stats__row {
    border-bottom: 1px solid var(--ss-border, rgba(15, 23, 42, 0.08));
    transition: background 0.18s ease;
}

.bank-method-stats__row:last-child {
    border-bottom: none;
}

.bank-method-stats__row:hover {
    background: color-mix(in srgb, var(--ss-accent, #059669) 6%, transparent);
}

.bank-method-stats__bank {
    min-width: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ss-value, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bank-method-stats__method {
    display: flex;
    justify-content: flex-start;
}

.bank-method-stats__method-pill {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--ss-accent, #059669);
    background: color-mix(in srgb, var(--ss-accent, #059669) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--ss-accent, #059669) 22%, transparent);
    white-space: nowrap;
}

.bank-method-stats__amount {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ss-value, #0f172a);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.bank-method-stats__empty {
    margin: 0;
    padding: 1rem 1rem 1.1rem;
    font-size: 0.88rem;
    text-align: center;
}

.mud-dark-theme .bank-method-stats__grid-head {
    background: color-mix(in srgb, var(--ss-accent, #059669) 10%, rgba(24, 24, 28, 0.98));
}

.mud-dark-theme .bank-method-stats__bank,
.mud-dark-theme .bank-method-stats__amount {
    color: var(--ss-value, #f1f5f9);
}

.mud-dark-theme .bank-method-stats__row:hover {
    background: rgba(255, 255, 255, 0.04);
}

@media (max-width: 640px) {
    .bank-method-stats__grid-head,
    .bank-method-stats__row {
        grid-template-columns: minmax(0, 1fr) minmax(4.5rem, auto);
        grid-template-areas:
            "bank amount"
            "method amount";
        gap: 0.35rem 0.75rem;
        padding: 0.75rem 0.85rem;
    }

    .bank-method-stats__grid-head span:nth-child(2) {
        display: none;
    }

    .bank-method-stats__grid-head span:first-child {
        grid-area: bank;
    }

    .bank-method-stats__grid-head span:last-child {
        grid-area: amount;
    }

    .bank-method-stats__bank {
        grid-area: bank;
    }

    .bank-method-stats__method {
        grid-area: method;
    }

    .bank-method-stats__amount {
        grid-area: amount;
        align-self: center;
    }
}

.tab-head-item {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.tab-head-item .pm-field--inline {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex: 0 1 240px;
    min-width: min(100%, 200px);
    max-width: min(100%, 280px);
}

.tab-head-item .pm-field--inline .pm-dropdown,
.tab-head-item .pm-field--inline .pm-ms {
    flex: 0 0 auto;
    width: 100%;
}

.tab-head-item__btn {
    flex-shrink: 0;
    white-space: nowrap;
}

.tab-head-item__menu {
    flex-shrink: 0;
}

.pm-action-menu {
    position: relative;
    display: inline-flex;
}

.pm-action-menu .pm-ss-btn {
    gap: 0.4rem;
}

.pm-action-menu__chev {
    flex-shrink: 0;
    width: 0.45rem;
    height: 0.45rem;
    margin-left: 0.1rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    opacity: 0.55;
    transition: transform 0.15s ease;
}

.pm-action-menu .pm-ss-btn[aria-expanded="true"] .pm-action-menu__chev {
    transform: rotate(-135deg) translateY(1px);
}

.pm-action-menu__panel {
    min-width: 15rem;
}

.pm-action-menu__body {
    padding: 0.35rem 0;
}

.pm-action-menu__item {
    font-weight: 500;
}

.reflective .action button {
    background-color: #f1f1f1 !important;
}

.user-wallet-action .mud-button-filled {
    background-color: #FFF !important;
}

.indicator-collection {
    min-height: 88px !important;
}

.log-items-data
{
    width: 100%;
}

.dialog-row
{
    margin-bottom: 0.2rem !important;
}

@media (min-width: 1600px) {
    .pm-users .user-item {
        display: grid;
        grid-template-columns: auto minmax(72px, 140px) 1fr minmax(260px, 1.15fr);
        align-items: center;
        gap: 0 1rem;
    }

    .pm-users .user-info {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 0.5rem 1rem;
        align-items: center;
    }
}

@media (max-width: 710px) {
    .mud-layout .mud-drawer-fixed {
        display: none;
        position: fixed !important;
        height: 100vh !important;
    }

    .mud-drawer-open-mini-md-left .mud-main-content {
        margin-left: unset !important;
    }

    .header-menu {
        display: unset;
    }

    .users-header {
        display: grid !important;
        margin-bottom: 1rem;
    }

    .users-list .user-item {
        display: flex !important;
        flex-direction: column;
    }

    .users-list .user-item .mud-avatar {
        margin-left: auto;
        margin-right: auto;
    }

    .users-list .user-item .user-info {
        flex-direction: column;
    }

    .users-list .user-item .user-action {
        margin-top: 1rem;
    }

    .grid-list {
        grid-template-columns: unset !important;
    }

    .reflective .header {
        display: grid !important;
    }

    .reflective .settings {
        display: grid !important;
    }

    .reflective .information {
        display: grid !important;
    }

    .mud-table .mud-table-child-content .reflective {
        max-width: 100% !important;
    }

    .mud-table-body .mud-paper {
        width: 100%;
        display: flex !important;
        flex-direction: column;
    }

    .user-wallet {
        max-width: unset !important;
    }
    
    .tab-head-item
    {
        flex-wrap: wrap;
    }
    
    .tab-head-item .mud-picker-input-button
    {
        width: 100% !important;
    }

    .reflective-invoice-data
    {
        flex-direction: column !important;
    }

    .data-right
    {
        padding-left: unset !important;
        padding-right: unset !important;
        margin-top: 1rem !important;
        min-height: 700px;
    }

    .not-found-base64
    {
        margin-left: 0rem !important;
    }
}

.log-item
{
    display: flex;
    background-color: #FAFAFA;
    border-radius: 12px;
    padding: 0.5rem;
    margin-top: 1rem;
}

.invoice-row
{
    display: flex;
    gap: 10px;
}

.invoice-row .reflective-invoice
{
    width: 100%;
}

.tab-data
{
    display: flex;
    flex-direction: column;
    height: 100%;            /* занимает всё доступное высоты у родителя */
    min-height: 0;           /* важно, чтобы дочерний overflow работал внутри flex */
}

.invoice-row {
    align-items: stretch;
    height: 606px;
}

.invoice-card {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.log-item-type
{
    display: flex;
    margin-right: 1rem;
}

.log-item-type .mud-avatar
{
    margin-top: auto;
    margin-bottom: auto;
}

.tab-fin-stats:last-of-type
{
    margin-top: 1rem;
}

.log-data
{
    display: flex;
}

.log-data span:first-of-type
{
    font-weight: 500;
    margin-right: 0.3rem;
}

.log-data-description
{
    margin-top: 0.3rem;
}

.log-data-date
{
    margin-top: 0.3rem;
    display: flex;
}

.log-data-date span:first-of-type
{
    font-weight: 500;
}

.log-data-date span:last-of-type
{
    margin-left: auto;
    font-weight: 500;
}

.log-data span:last-of-type
{
    margin-left: auto;
}

/* Provider cabinet */
.provider-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 280px 1fr;
    background:
        radial-gradient(1200px 900px at 0% 0%, rgba(124, 58, 237, 0.26), transparent 55%),
        radial-gradient(1000px 800px at 100% 18%, rgba(16, 185, 129, 0.18), transparent 55%),
        radial-gradient(800px 700px at 55% 110%, rgba(59, 130, 246, 0.10), transparent 55%),
        linear-gradient(180deg, #0b0b12, #0a0a10 55%, #07070c);
    color: #e9e9f2;
    font-family: "Manrope", "Roboto", system-ui, -apple-system, Segoe UI, sans-serif;
}

.provider-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 20px 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(16, 16, 24, 0.62);
    backdrop-filter: blur(14px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.provider-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.30);
}

.provider-brand__logo {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.26);
    padding: 6px;
}

.provider-brand__name { font-weight: 800; letter-spacing: 0.2px; }
.provider-brand__sub { font-size: 12px; opacity: 0.78; margin-top: 2px; }

.provider-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px;
}

.provider-nav__item {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    color: #e9e9f2;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.10);
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.provider-nav__item:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.16);
}

.provider-sidebar__footer { margin-top: auto; padding: 4px; }

.provider-main { padding: 22px; }
.provider-main__content {
    max-width: 1200px;
    margin: 0 auto;
}

.provider-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 14px;
}

.provider-card {
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    padding: 16px;
}

.provider-card__title {
    font-weight: 800;
    font-size: 14px;
    opacity: 0.92;
    margin-bottom: 10px;
}

.provider-metric {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.14);
}
.provider-metric:last-child { border-bottom: none; }
.provider-metric__label { opacity: 0.78; font-size: 13px; }
.provider-metric__value { font-weight: 900; font-size: 16px; }

.provider-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.22);
    font-size: 12px;
}

.provider-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.provider-table th, .provider-table td {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 13px;
}
.provider-table th {
    text-align: left;
    font-weight: 800;
    opacity: 0.85;
    background: rgba(255, 255, 255, 0.05);
}
.provider-table tr:hover td { background: rgba(124, 58, 237, 0.06); }

@media (max-width: 980px) {
    .provider-shell { grid-template-columns: 1fr; }
    .provider-sidebar { position: relative; height: auto; }
}

/* ========= PayMap rail — прежний premium-фон, нативный aside (без MudDrawer) ========= */
.pm-rail.pm-rail--desktop,
.pm-rail.pm-rail--sheet.is-open {
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 38%, #f1f5f9 100%) !important;
    color: #0f172a !important;
    border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow:
        1px 0 0 rgba(255, 255, 255, 0.75) inset,
        8px 0 32px -10px rgba(15, 23, 42, 0.12) !important;
    backdrop-filter: blur(12px);
}

.pm-shell--drawer-open .pm-rail.pm-rail--desktop.pm-rail--expanded {
    box-shadow:
        1px 0 0 rgba(255, 255, 255, 0.65) inset,
        14px 0 44px -12px rgba(15, 23, 42, 0.14) !important;
}

.pm-rail.pm-rail--sheet.is-open {
    border-radius: 0 20px 20px 0 !important;
    overflow: hidden !important;
    box-shadow:
        1px 0 0 rgba(255, 255, 255, 0.6) inset,
        16px 0 48px -8px rgba(15, 23, 42, 0.22) !important;
}

.pm-rail--sheet .pm-drawer-content {
    min-height: 0;
    height: 100%;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.pm-rail--sheet .pm-drawer-content .container-padding {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.pm-drawer-content .nav-step > label {
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 0.625rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.35rem !important;
}

.pm-nav-drawer-meta.nav-container {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.pm-drawer-course {
    --dc-accent: #6366f1;
    --dc-surface: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    --dc-border: rgba(15, 23, 42, 0.08);
    --dc-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 18px -4px rgba(15, 23, 42, 0.08);
    --dc-label: #64748b;
    --dc-value: #0f172a;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    margin-bottom: -1.25rem;
    margin-top: .5rem;
    padding: 0.55rem 0.65rem 0.55rem 0.55rem;
    border-radius: 13px;
    border: 1px solid var(--dc-border);
    background: var(--dc-surface);
    box-shadow: var(--dc-shadow);
}

.pm-drawer-course__icon-wrap {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--dc-accent) 14%, transparent);
    color: var(--dc-accent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.pm-drawer-course__svg {
    width: 18px;
    height: 18px;
    display: block;
}

.pm-drawer-course__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.12rem;
    min-width: 0;
    flex: 1 1 auto;
}

.pm-drawer-course__label {
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--dc-label);
    line-height: 1.2;
}

.pm-drawer-course__value {
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--dc-value);
    font-variant-numeric: tabular-nums;
    width: 100%;
    word-break: break-word;
}

.mud-dark-theme .pm-drawer-course {
    --dc-surface: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
    --dc-border: rgba(255, 255, 255, 0.09);
    --dc-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 8px 24px rgba(0, 0, 0, 0.35);
    --dc-label: #94a3b8;
    --dc-value: #f1f5f9;
}

.mud-dark-theme .pm-drawer-course__icon-wrap {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pm-drawer-content .nav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0 6px;
    height: 20px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    border-radius: 999px;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(79, 70, 229, 0.35);
}

/* Тёмная тема */
.mud-dark-theme .pm-rail.pm-rail--desktop,
.mud-dark-theme .pm-rail.pm-rail--sheet.is-open {
    background: linear-gradient(165deg, #2c2c31 0%, #222226 42%, #18181c 100%) !important;
    color: #f1f5f9 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow:
        1px 0 0 rgba(255, 255, 255, 0.06) inset,
        12px 0 40px -6px rgba(0, 0, 0, 0.55) !important;
}

.mud-dark-theme .pm-shell--drawer-open .pm-rail.pm-rail--desktop.pm-rail--expanded {
    box-shadow:
        1px 0 0 rgba(255, 255, 255, 0.07) inset,
        16px 0 48px -8px rgba(0, 0, 0, 0.6) !important;
}

.mud-dark-theme .pm-rail.pm-rail--sheet.is-open {
    box-shadow:
        1px 0 0 rgba(255, 255, 255, 0.06) inset,
        20px 0 56px rgba(0, 0, 0, 0.5) !important;
}

.mud-dark-theme .pm-drawer-header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.mud-dark-theme .pm-brand__logo {
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.mud-dark-theme .pm-brand__text {
    background: linear-gradient(120deg, #f8fafc 0%, #a5b4fc 45%, #818cf8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

.mud-dark-theme .pm-drawer-collapse,
.mud-dark-theme .pm-drawer-collapse-native {
    background: rgba(129, 140, 248, 0.12) !important;
    border-color: rgba(129, 140, 248, 0.25) !important;
    color: #e0e7ff !important;
}

.mud-dark-theme .pm-drawer-collapse:hover,
.mud-dark-theme .pm-drawer-collapse-native:hover {
    background: rgba(129, 140, 248, 0.2) !important;
    box-shadow: 0 4px 18px rgba(99, 102, 241, 0.25);
}

.mud-dark-theme .pm-drawer-content .nav-step > label {
    color: #94a3b8 !important;
}

/* ========= PayMap tabs (Dashboard и др.) — стиль карточек SimpleStats ========= */
.pm-dashboard-title {
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
}

.pm-tabs-shell {
    margin-bottom: 0.5rem;
}

.pm-tabs-shell .pm-tabs.mud-tabs {
    --pm-tab-accent: #6366f1;
/*    border-radius: 14px !important;*/
    overflow: hidden;
/*    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%) !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05),
        0 10px 28px -6px rgba(15, 23, 42, 0.1) !important;*/
}

.pm-tabs .mud-tabs-tabbar {
    background: transparent !important;
    padding: 10px 10px 0 !important;
    min-height: 0 !important;
}

.pm-tabs .mud-tabs-tabbar-inner {
    gap: 6px !important;
    min-height: 0 !important;
    flex-wrap: wrap !important;
}

.pm-tabs .mud-tab {
    border-radius: 11px 11px 0 0 !important;
    text-transform: none !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    letter-spacing: -0.01em !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    color: #64748b !important;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease !important;
}

.pm-tabs .mud-tab:hover:not(.mud-tab-active) {
    background: rgba(99, 102, 241, 0.07) !important;
    color: #334155 !important;
}

.pm-tabs .mud-tab.mud-tab-active {
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
    color: #312e81 !important;
    box-shadow:
        0 -1px 0 rgba(255, 255, 255, 0.9) inset,
        0 4px 14px rgba(99, 102, 241, 0.12) !important;
    border: 1px solid rgba(15, 23, 42, 0.07) !important;
    border-bottom: none !important;
    position: relative;
    z-index: 1;
}

.pm-tabs .mud-tab .mud-tab-icon-text {
    gap: 8px !important;
}

.pm-tabs .mud-tab .mud-icon-root {
    color: #94a3b8 !important;
    transition: color 0.2s ease !important;
}

.pm-tabs .mud-tab.mud-tab-active .mud-icon-root {
    color: var(--pm-tab-accent) !important;
}

/* Скрываем стандартный ползунок — акцент на «вкладке-карточке» */
.pm-tabs .mud-tab-slider {
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

.pm-tabs .mud-tabs-panels {
    background: #ffffff !important;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}

.pm-tabs .mud-tabs-panel {
    padding: 0 !important;
}

.pm-tabs.mud-tabs .mud-paper {
    background: transparent !important;
    box-shadow: none !important;
}

/* Тёмная тема */
.mud-dark-theme .pm-tabs-shell .pm-tabs.mud-tabs {
    background: linear-gradient(165deg, #2a2a2f 0%, #222226 45%, #1a1a1e 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 12px 36px rgba(0, 0, 0, 0.45) !important;
}

.mud-dark-theme .pm-tabs .mud-tab {
    color: #94a3b8 !important;
}

.mud-dark-theme .pm-tabs .mud-tab:hover:not(.mud-tab-active) {
    background: rgba(129, 140, 248, 0.1) !important;
    color: #e2e8f0 !important;
}

.mud-dark-theme .pm-tabs .mud-tab.mud-tab-active {
    background: linear-gradient(180deg, #2f2f35 0%, #28282d 100%) !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 -1px 0 rgba(255, 255, 255, 0.06) inset,
        0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

.mud-dark-theme .pm-tabs .mud-tab .mud-icon-root {
    color: #64748b !important;
}

.mud-dark-theme .pm-tabs .mud-tab.mud-tab-active .mud-icon-root {
    color: #a5b4fc !important;
}

.mud-dark-theme .pm-tabs .mud-tabs-panels {
    background: #1a1a1e !important;
    border-top-color: rgba(255, 255, 255, 0.08);
}

/* ========= PayMap Users — та же линия, что Dashboard / SimpleStats ========= */
.pm-users.users {
    padding: 1rem 1.25rem 2rem !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.pm-users .users-header.pm-users-toolbar {
    max-width: none !important;
    width: 100%;
    padding: 12px 14px !important;
    margin-bottom: 1.25rem !important;
    gap: 12px !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%) !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05),
        0 10px 28px -6px rgba(15, 23, 42, 0.09) !important;
}

.pm-users .users-header .margin-input {
    flex: 1 1 220px !important;
    min-width: 200px !important;
}

.pm-users .users-header .mud-select {
    flex: 0 1 200px !important;
    min-width: 180px !important;
}

.pm-users .users-header .mud-button-root {
    border-radius: 11px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.22) !important;
}

.pm-users .users-list {
    gap: 14px !important;
}

.pm-users .user-item {
    position: relative !important;
    padding: 18px 18px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.07) !important;
    background: linear-gradient(165deg, #ffffff 0%, #fafbfc 40%, #f4f6f8 100%) !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 8px 24px -8px rgba(15, 23, 42, 0.1) !important;
    gap: 12px !important;
}

.pm-users .user-item::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1 0%, #818cf8 45%, #a5b4fc 100%);
    opacity: 0;
    transition: opacity 0.22s ease;
    pointer-events: none;
    border-radius: 14px 14px 0 0;
}

.pm-users .user-item:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
    box-shadow:
        0 4px 12px rgba(99, 102, 241, 0.12),
        0 16px 40px -12px rgba(15, 23, 42, 0.15) !important;
}

.pm-users .user-item:hover::before {
    opacity: 1;
}

.pm-users .user-item .mud-avatar {
    box-shadow:
        0 2px 8px rgba(99, 102, 241, 0.25),
        0 0 0 3px rgba(255, 255, 255, 0.95) !important;
    font-weight: 700 !important;
}

.pm-users .user-name {
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    letter-spacing: -0.02em !important;
    color: #1e293b !important;
    max-width: 180px !important;
}

.pm-users .user-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.pm-users .user-info .item-row:first-of-type {
    min-width: 0 !important;
}

.pm-users .user-info .item-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    background: rgba(99, 102, 241, 0.05) !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    white-space: normal !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.pm-users .user-info .item-row span {
    color: #64748b !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    flex-shrink: 0 !important;
}

.pm-users .user-info .item-row label {
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.35 !important;
}

/* 2FA: подпись + иконка в одну строку, без вылезания */
.pm-users .user-info .item-row:has(.mud-icon-root) {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.pm-users .user-action {
    margin-left: auto !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.pm-users .user-action .mud-button-root {
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    letter-spacing: -0.01em !important;
    min-height: 34px !important;
    padding: 0 12px !important;
}

/* Тёмная тема — Users */
.mud-dark-theme .pm-users .users-header.pm-users-toolbar {
    background: linear-gradient(165deg, #2a2a2f 0%, #222226 45%, #1a1a1e 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 12px 36px rgba(0, 0, 0, 0.45) !important;
}

.mud-dark-theme .pm-users .user-item {
    background: linear-gradient(165deg, #2a2a2f 0%, #222226 50%, #1c1c20 100%) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 10px 32px rgba(0, 0, 0, 0.4) !important;
}

.mud-dark-theme .pm-users .user-item:hover {
    border-color: rgba(129, 140, 248, 0.45) !important;
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(129, 140, 248, 0.15) !important;
}

.mud-dark-theme .pm-users .user-item .mud-avatar {
    box-shadow:
        0 2px 12px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(40, 40, 45, 0.95) !important;
}

.mud-dark-theme .pm-users .user-name {
    color: #f1f5f9 !important;
}

.mud-dark-theme .pm-users .user-info .item-row {
    background: rgba(129, 140, 248, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.mud-dark-theme .pm-users .user-info .item-row span {
    color: #94a3b8 !important;
}

.mud-dark-theme .pm-users .user-info .item-row label {
    color: #e2e8f0 !important;
}

/* Карточка «детали пользователя» (оверлей) */
.dialog-content.user-detail-dialog.pm-user-detail {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
    box-shadow:
        0 24px 64px -12px rgba(15, 23, 42, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.8) inset !important;
}

.pm-user-detail .dialog-header {
    padding: 18px 20px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.07) 0%, rgba(129, 140, 248, 0.04) 100%) !important;
}

.pm-user-detail .dialog-header h3 {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #1e1b4b !important;
}

.pm-user-detail .close-button {
    border-radius: 10px !important;
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 1.35rem !important;
}

.pm-user-detail .dialog-body {
    padding: 20px 22px 24px !important;
}

.pm-user-detail .info-section-title {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 14px !important;
}

.pm-user-detail .info-row {
    padding: 10px 12px !important;
    margin-bottom: 6px !important;
    border-radius: 11px !important;
    background: rgba(99, 102, 241, 0.04) !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    align-items: center !important;
}

.pm-user-detail .info-label {
    width: 120px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: #64748b !important;
}

.pm-user-detail .info-value:not(.badge) {
    padding: 4px 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
}

.mud-dark-theme .dialog-content.user-detail-dialog.pm-user-detail {
    background: linear-gradient(180deg, #25252a 0%, #1a1a1e 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
}

.mud-dark-theme .pm-user-detail .dialog-header {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(79, 70, 229, 0.06) 100%) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.mud-dark-theme .pm-user-detail .dialog-header h3 {
    color: #f1f5f9 !important;
}

.mud-dark-theme .pm-user-detail .info-section-title {
    color: #94a3b8 !important;
}

.mud-dark-theme .pm-user-detail .info-row {
    background: rgba(129, 140, 248, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.mud-dark-theme .pm-user-detail .info-label {
    color: #94a3b8 !important;
}

/* ========= PayMap верхняя панель (Header) ========= */
.header.pm-header {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

.header.pm-header .profile.pm-header__bar {
    box-sizing: border-box;
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px 14px;
    max-width: 100%;
    padding: 11px 14px !important;
    text-align: left !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 52%, #f1f5f9 100%) !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05),
        0 10px 28px -8px rgba(15, 23, 42, 0.1) !important;
}

.pm-header__user {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: auto;
    min-width: 0;
}

.pm-header__identity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
}

.pm-header__name {
    display: block;
    font-weight: 700;
    font-size: 0.9375rem;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
    max-width: min(48vw, 360px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-header__type {
    display: inline-flex;
    align-items: center;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #4f46e5;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.22);
    line-height: 1.2;
}

.pm-header .pm-header__avatar {
    box-shadow:
        0 2px 10px rgba(99, 102, 241, 0.28),
        0 0 0 3px rgba(255, 255, 255, 0.92) !important;
    font-weight: 700 !important;
}

.pm-header__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.pm-header__actions .pm-header__btn.mud-button-root {
    border-radius: 11px !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    transition: transform 0.18s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.pm-header__actions .pm-header__btn.mud-button-root:hover {
    transform: translateY(-1px);
}

.pm-header .pm-header__btn--deposit.mud-button-filled {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(79, 70, 229, 0.35) !important;
}

.pm-header .pm-header__btn--deposit.mud-button-filled:hover {
    box-shadow: 0 6px 22px rgba(79, 70, 229, 0.45) !important;
}

.pm-header .pm-header__btn--withdraw.mud-button-filled {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    color: #334155 !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
}

.pm-header .pm-header__btn--withdraw.mud-button-filled:hover {
    border-color: rgba(99, 102, 241, 0.45) !important;
    color: #312e81 !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.15) !important;
}

.pm-header .pm-header__btn--exit.mud-button-outlined {
    min-width: 42px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border-width: 1.5px !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
    color: #4f46e5 !important;
    background: rgba(99, 102, 241, 0.06) !important;
}

.pm-header .pm-header__btn--exit.mud-button-outlined:hover {
    border-color: rgba(99, 102, 241, 0.65) !important;
    background: rgba(99, 102, 241, 0.12) !important;
    color: #4338ca !important;
}

.pm-header .pm-header__btn--exit .mud-button-label {
    padding: 0 !important;
    margin: 0 !important;
}

.pm-header .pm-header__btn--exit .mud-button-icon-end {
    margin: 0 !important;
    margin-inline-start: 0 !important;
}

/* Тёмная тема — header */
.mud-dark-theme .header.pm-header .profile.pm-header__bar {
    background: linear-gradient(165deg, #2a2a2f 0%, #222226 48%, #1a1a1e 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 12px 36px rgba(0, 0, 0, 0.42) !important;
}

.mud-dark-theme .pm-header__name {
    color: #f1f5f9 !important;
}

.mud-dark-theme .pm-header__type {
    color: #c7d2fe !important;
    background: rgba(129, 140, 248, 0.14) !important;
    border-color: rgba(129, 140, 248, 0.28) !important;
}

.mud-dark-theme .pm-header .pm-header__avatar {
    box-shadow:
        0 2px 14px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(38, 38, 42, 0.95) !important;
}

.mud-dark-theme .pm-header .pm-header__btn--withdraw.mud-button-filled {
    background: linear-gradient(180deg, #323238 0%, #28282e 100%) !important;
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}

.mud-dark-theme .pm-header .pm-header__btn--withdraw.mud-button-filled:hover {
    border-color: rgba(129, 140, 248, 0.5) !important;
    color: #f8fafc !important;
}

.mud-dark-theme .pm-header .pm-header__btn--exit.mud-button-outlined {
    border-color: rgba(129, 140, 248, 0.4) !important;
    color: #a5b4fc !important;
    background: rgba(129, 140, 248, 0.08) !important;
}

.mud-dark-theme .pm-header .pm-header__btn--exit.mud-button-outlined:hover {
    border-color: rgba(165, 180, 252, 0.65) !important;
    background: rgba(129, 140, 248, 0.16) !important;
    color: #e0e7ff !important;
}

/* ========= Модалка вывода средств (Header) ========= */
.pm-withdraw-host {
    position: fixed;
    inset: 0;
    z-index: 12020;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    box-sizing: border-box;
}

.pm-withdraw-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.pm-withdraw {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 440px;
    max-height: min(92vh, 720px);
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
    box-shadow:
        0 24px 64px -16px rgba(15, 23, 42, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.75) inset;
    overflow: hidden;
}

.pm-withdraw__header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(129, 140, 248, 0.04) 100%);
    flex-shrink: 0;
}

.pm-withdraw__header-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(99, 102, 241, 0.12);
    color: #4f46e5;
}

.pm-withdraw__header-icon svg {
    width: 24px;
    height: 24px;
}

.pm-withdraw__header-text {
    flex: 1;
    min-width: 0;
}

.pm-withdraw__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #1e1b4b;
    line-height: 1.25;
}

.pm-withdraw__subtitle {
    margin: 6px 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #64748b;
}

.pm-withdraw__close {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: -4px -6px 0 0;
    border: none;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.05);
    color: #64748b;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.pm-withdraw__close:hover {
    background: rgba(15, 23, 42, 0.09);
    color: #0f172a;
}

.pm-withdraw__body {
    padding: 16px 18px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pm-withdraw__section {
    margin: 0;
}

.pm-withdraw__section-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.pm-withdraw__section-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.08);
    color: #6366f1;
    flex-shrink: 0;
}

.pm-withdraw__section-icon svg {
    width: 18px;
    height: 18px;
}

.pm-withdraw__section-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.pm-withdraw__cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pm-withdraw__card {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    text-align: left;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease;
    font: inherit;
    color: inherit;
}

.pm-withdraw__card:hover {
    border-color: rgba(99, 102, 241, 0.35);
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.1);
}

.pm-withdraw__card.is-selected {
    border-color: rgba(99, 102, 241, 0.55);
    box-shadow:
        0 0 0 2px rgba(99, 102, 241, 0.2),
        0 6px 20px rgba(99, 102, 241, 0.12);
}

.pm-withdraw__card-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.1);
    color: #4f46e5;
    flex-shrink: 0;
}

.pm-withdraw__card-icon svg {
    width: 20px;
    height: 20px;
}

.pm-withdraw__card-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.pm-withdraw__card-name {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.pm-withdraw__card-value {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.pm-withdraw__card-check {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
    opacity: 0;
    transform: scale(0.85);
    transition: opacity 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.pm-withdraw__card-check svg {
    width: 16px;
    height: 16px;
}

.pm-withdraw__card.is-selected .pm-withdraw__card-check {
    opacity: 1;
    transform: scale(1);
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #fff;
}

.pm-withdraw__field {
    display: flex;
    align-items: stretch;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pm-withdraw__field:focus-within {
    border-color: rgba(99, 102, 241, 0.5);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.pm-withdraw__input {
    width: 100%;
    border: none;
    padding: 12px 14px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0f172a;
    background: transparent;
    outline: none;
    font-family: inherit;
}

.pm-withdraw__input--amount {
    flex: 1;
    min-width: 0;
}

.pm-withdraw__input::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

.pm-withdraw__suffix {
    display: flex;
    align-items: center;
    padding: 0 14px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #64748b;
    background: rgba(99, 102, 241, 0.06);
    border-left: 1px solid rgba(15, 23, 42, 0.08);
}

.pm-withdraw__hint {
    margin: 8px 0 0;
    font-size: 0.75rem;
    color: #64748b;
}

.pm-withdraw__methods {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pm-withdraw__method {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #fff;
    cursor: pointer;
    font: inherit;
    color: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pm-withdraw__method:hover {
    border-color: rgba(99, 102, 241, 0.35);
}

.pm-withdraw__method.is-selected {
    border-color: rgba(99, 102, 241, 0.55);
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.18);
}

.pm-withdraw__method-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.1);
    color: #4f46e5;
}

.pm-withdraw__method-icon svg {
    width: 18px;
    height: 18px;
}

.pm-withdraw__method-name {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.pm-withdraw__wallet {
    margin-top: 12px;
}

.pm-withdraw__wallet-label {
    display: block;
    margin-bottom: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
}

.pm-withdraw__wallet .pm-withdraw__input {
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
}

.pm-withdraw__wallet .pm-withdraw__input:focus {
    border-color: rgba(99, 102, 241, 0.5);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}

.pm-withdraw__section--summary .pm-withdraw__summary {
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(99, 102, 241, 0.04);
    padding: 4px 2px;
    overflow: hidden;
}

.pm-withdraw__summary-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 10px 12px;
    font-size: 0.8125rem;
    color: #475569;
}

.pm-withdraw__summary-row:not(:last-child) {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.pm-withdraw__summary-val {
    font-weight: 600;
    color: #0f172a;
    text-align: right;
    white-space: nowrap;
}

.pm-withdraw__summary-row--total {
    background: rgba(255, 255, 255, 0.65);
    margin: 0;
    border-bottom: none !important;
    font-weight: 600;
}

.pm-withdraw__summary-val--accent {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #4f46e5;
}

.pm-withdraw__ok {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #166534;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.pm-withdraw__ok-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.2);
    color: #15803d;
    flex-shrink: 0;
}

.pm-withdraw__ok-icon svg {
    width: 14px;
    height: 14px;
}

.pm-withdraw__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    background: rgba(248, 250, 252, 0.85);
    flex-shrink: 0;
}

.pm-withdraw__btn {
    border: none;
    border-radius: 11px;
    padding: 0 18px;
    min-height: 42px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    cursor: pointer;
    font-family: inherit;
    transition: transform 0.18s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.pm-withdraw__btn:active {
    transform: scale(0.98);
}

.pm-withdraw__btn--ghost {
    background: #fff;
    color: #475569;
    border: 1px solid rgba(15, 23, 42, 0.14);
}

.pm-withdraw__btn--ghost:hover {
    border-color: rgba(15, 23, 42, 0.22);
    background: #f8fafc;
}

.pm-withdraw__btn--primary {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(79, 70, 229, 0.35);
}

.pm-withdraw__btn--primary:hover {
    box-shadow: 0 6px 22px rgba(79, 70, 229, 0.45);
}

/* Тёмная тема — вывод */
.mud-dark-theme .pm-withdraw {
    background: linear-gradient(180deg, #25252a 0%, #1c1c20 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.mud-dark-theme .pm-withdraw__header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.18) 0%, rgba(79, 70, 229, 0.06) 100%);
}

.mud-dark-theme .pm-withdraw__title {
    color: #f1f5f9;
}

.mud-dark-theme .pm-withdraw__subtitle {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraw__header-icon {
    background: rgba(129, 140, 248, 0.18);
    color: #a5b4fc;
}

.mud-dark-theme .pm-withdraw__close {
    background: rgba(255, 255, 255, 0.08);
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraw__close:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #f1f5f9;
}

.mud-dark-theme .pm-withdraw__section-label {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraw__section-icon {
    background: rgba(129, 140, 248, 0.14);
    color: #a5b4fc;
}

.mud-dark-theme .pm-withdraw__card {
    background: linear-gradient(165deg, #2a2a30 0%, #222226 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

.mud-dark-theme .pm-withdraw__card-name {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraw__card-value {
    color: #f1f5f9;
}

.mud-dark-theme .pm-withdraw__field {
    background: #1e1e22;
    border-color: rgba(255, 255, 255, 0.12);
}

.mud-dark-theme .pm-withdraw__input {
    color: #f1f5f9;
}

.mud-dark-theme .pm-withdraw__suffix {
    background: rgba(129, 140, 248, 0.12);
    border-left-color: rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
}

.mud-dark-theme .pm-withdraw__hint {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraw__method {
    background: #222226;
    border-color: rgba(255, 255, 255, 0.1);
}

.mud-dark-theme .pm-withdraw__method-name {
    color: #e2e8f0;
}

.mud-dark-theme .pm-withdraw__wallet .pm-withdraw__input {
    background: #1e1e22;
    border-color: rgba(255, 255, 255, 0.12);
}

.mud-dark-theme .pm-withdraw__wallet-label {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraw__section--summary .pm-withdraw__summary {
    background: rgba(129, 140, 248, 0.1);
    border-color: rgba(255, 255, 255, 0.08);
}

.mud-dark-theme .pm-withdraw__summary-row {
    color: #cbd5e1;
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

.mud-dark-theme .pm-withdraw__summary-val {
    color: #f1f5f9;
}

.mud-dark-theme .pm-withdraw__summary-row--total {
    background: rgba(0, 0, 0, 0.2);
}

.mud-dark-theme .pm-withdraw__summary-val--accent {
    color: #a5b4fc;
}

.mud-dark-theme .pm-withdraw__ok {
    color: #86efac;
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.3);
}

.mud-dark-theme .pm-withdraw__ok-icon {
    color: #4ade80;
    background: rgba(34, 197, 94, 0.2);
}

.mud-dark-theme .pm-withdraw__footer {
    background: rgba(0, 0, 0, 0.25);
    border-top-color: rgba(255, 255, 255, 0.08);
}

.mud-dark-theme .pm-withdraw__btn--ghost {
    background: #2a2a30;
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.12);
}

.mud-dark-theme .pm-withdraw__btn--ghost:hover {
    background: #323238;
}

/* ========= InvoiceTable (карточки заявок) ========= */
.pm-invoice.invoice-cards-container {
    padding: 0.25rem 0 1.5rem;
    animation: pm-invoice-fade 0.45s ease-out;
}

@keyframes pm-invoice-fade {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pm-invoice .pm-invoice__toolbar.invoice-filters {
    margin-bottom: 1rem;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%) !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05),
        0 10px 28px -8px rgba(15, 23, 42, 0.09) !important;
}

.pm-invoice .pm-invoice__filters-row {
    gap: 12px !important;
    align-items: stretch !important;
}

.pm-invoice .pm-invoice__status {
    min-width: 200px !important;
    flex: 0 1 220px;
}

.pm-invoice .pm-invoice__search {
    flex: 1 1 200px !important;
    min-width: min(100%, 220px) !important;
}

.pm-invoice .pm-invoice__toolbar .mud-input-outlined .mud-input-outlined-border {
    border-radius: 11px !important;
}

.pm-invoice .pm-invoice__meta.invoice-stats {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.07) !important;
    background: #f8fafc !important;
    font-size: 0.8125rem !important;
    color: #64748b !important;
}

.pm-invoice__meta-label {
    font-weight: 600;
    letter-spacing: -0.01em;
}

.pm-invoice__meta-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 2px 10px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.8125rem;
    color: #334155;
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.pm-invoice .pm-invoice__loading.loading-container {
    min-height: 240px;
}

.pm-invoice .pm-invoice__loader.loader {
    width: 44px;
    height: 44px;
    border-width: 3px;
    border-color: rgba(99, 102, 241, 0.2);
    border-top-color: #6366f1;
}

.pm-invoice .pm-invoice__empty.no-data {
    min-height: 260px;
    border-radius: 14px;
    border: 1px dashed rgba(15, 23, 42, 0.12);
    background: rgba(248, 250, 252, 0.6);
}

.pm-invoice__empty-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 16px;
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.pm-invoice__empty-icon svg {
    width: 32px;
    height: 32px;
}

.pm-invoice__empty-text {
    margin: 0;
    font-size: 0.9375rem !important;
    font-weight: 600;
    color: #64748b !important;
}

.pm-invoice .pm-invoice__grid.invoice-cards-grid {
    gap: 20px !important;
    margin-bottom: 1.25rem !important;
    /* Не больше 3 колонок: минимальная ширина ≈ (100% − 2×gap) / 3 */
    grid-template-columns: repeat(
        auto-fill,
        minmax(min(100%, max(280px, calc((100% - 40px) / 3))), 1fr)
    ) !important;
}

/* —— Карточка заявки (каркас SimpleStats, HTML) —— */
.pm-invoice .pm-invoice-ss-card.pm-invoice__card {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    background: var(--ss-surface, linear-gradient(145deg, #ffffff 0%, #f8fafc 100%)) !important;
    border: 1px solid var(--ss-border, rgba(15, 23, 42, 0.08)) !important;
    box-shadow: var(--ss-shadow, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08)) !important;
}

.pm-invoice .pm-invoice-ss-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 12px 4px;
    min-width: 0;
}

.pm-invoice .pm-invoice-ss-stack .simple-stats {
    max-width: none !important;
    min-width: 0;
    width: 100%;
    flex: 1 1 auto;
    text-wrap: balance;
}

.pm-invoice .pm-invoice-ss-hero .simple-stats__data.pm-invoice-ss-hero__id {
    font-size: 0.95rem;
    font-weight: 700;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    letter-spacing: -0.02em;
    word-break: break-all;
    white-space: normal;
}

.pm-invoice .pm-invoice-ss-hero__content {
    gap: 0.35rem;
}

.pm-invoice .pm-invoice-ss-hero__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-top: 2px;
}

.pm-invoice .pm-invoice-ss-hero__time {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--ss-label, #64748b);
    font-variant-numeric: tabular-nums;
}

.pm-invoice .pm-invoice-ss-hero__issue {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: #4f46e5;
    background: rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.22);
    font-variant-numeric: tabular-nums;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-hero__issue {
    color: #c7d2fe;
    background: rgba(99, 102, 241, 0.18);
    border-color: rgba(129, 140, 248, 0.28);
}

.pm-invoice .pm-invoice-ss-amounts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pm-invoice .pm-invoice-ss-stat .simple-stats__data.pm-invoice-ss-amount {
    font-size: 1.05rem;
}

.pm-invoice .pm-invoice-ss-bank__icon {
    padding: 4px;
}

.pm-invoice .pm-invoice-ss-bank__logo {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}

/* Логотип Кибит — тёмный PNG; в тёмной теме инвертируем для читаемости */
.mud-dark-theme .pm-invoice .pm-invoice-ss-bank__logo[src$="cibitbank.png"] {
    filter: brightness(0) invert(1);
}

.pm-invoice .pm-invoice-ss-bank__name {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: break-word;
}

.pm-invoice .pm-invoice-ss-kv {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 2px 8px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(248, 250, 252, 0.65);
}

.pm-invoice .pm-invoice-ss-kv__row {
    display: grid;
    grid-template-columns: minmax(5.5rem, 32%) 1fr;
    gap: 8px 12px;
    align-items: start;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.pm-invoice .pm-invoice-ss-kv__row:last-child {
    border-bottom: none;
}

.pm-invoice .pm-invoice-ss-kv__val {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-value, #0f172a);
    line-height: 1.4;
    word-break: break-word;
    text-align: right;
}

.pm-invoice .pm-invoice-ss-actions {
    margin-top: auto;
    padding: 10px 12px 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    background: rgba(248, 250, 252, 0.9);
}

.pm-invoice .pm-invoice-ss-receipt {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 12px 12px;
}

.pm-invoice .pm-invoice-ss-receipt__btn {
    flex: 1 1 auto;
    min-width: 120px;
}

.pm-receipt-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.pm-receipt-preview {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    overflow: hidden;
    background: #f8fafc;
    margin-bottom: 12px;
}

.pm-receipt-preview__media {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: contain;
    background: #0f172a;
}

.pm-receipt-preview__pdf {
    display: block;
    width: 100%;
    height: 520px;
    border: 0;
    background: #fff;
}

.pm-input--file {
    padding: 10px 12px;
    cursor: pointer;
}

.pm-invoice .pm-invoice-ss-menu {
    position: relative;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #fff;
}

.pm-invoice .pm-invoice-ss-menu__summary {
    list-style: none;
    cursor: pointer;
    padding: 10px 12px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
    user-select: none;
}

.pm-invoice .pm-invoice-ss-menu__summary::-webkit-details-marker {
    display: none;
}

.pm-invoice .pm-invoice-ss-menu__summary::after {
    content: "▾";
    float: right;
    opacity: 0.55;
    font-size: 0.75rem;
    display: inline-block;
    transition: transform 0.2s ease;
}

.pm-invoice .pm-invoice-ss-menu[open] .pm-invoice-ss-menu__summary::after {
    transform: rotate(180deg);
}

.pm-invoice .pm-invoice-ss-menu__panel {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 8px 10px;
}

.pm-invoice .pm-invoice-ss-menu__btn {
    width: 100%;
    margin: 0;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #1e293b;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.pm-invoice .pm-invoice-ss-menu__btn:hover {
    background: #fff;
    border-color: #cbd5e1;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-card.pm-invoice__card {
    background: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%) !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 8px 28px rgba(0, 0, 0, 0.45) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-hero__time {
    color: #94a3b8;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-kv {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(30, 30, 34, 0.55);
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-kv__row {
    border-bottom-color: rgba(255, 255, 255, 0.07);
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-kv__val {
    color: #f1f5f9;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-actions {
    background: #222226;
    border-top-color: rgba(255, 255, 255, 0.08);
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-menu {
    border-color: rgba(255, 255, 255, 0.12);
    background: #25252a;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-menu__summary {
    color: #e2e8f0;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-menu__btn {
    background: #2a2a30;
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}

.mud-dark-theme .pm-invoice .pm-invoice-ss-menu__btn:hover {
    background: #323238;
    border-color: rgba(255, 255, 255, 0.18);
}

/* —— Карточка заявки: спокойный монохром —— */
.pm-invoice .pm-invoice-card.invoice-card.pm-invoice__card {
    position: relative;
    border-left: none !important;
    border-radius: 14px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.pm-invoice .pm-invoice-card.invoice-card:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

.pm-invoice .pm-invoice-card__head.card-header {
    position: relative;
    z-index: 1;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
    background: #f8fafc;
}

.pm-invoice .pm-invoice-card__head-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pm-invoice .pm-invoice-card__eyebrow {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
}

.pm-invoice .pm-invoice-card__id-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

.pm-invoice .pm-invoice-card__id {
    display: inline-block;
    max-width: 100%;
    padding: 6px 10px;
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    letter-spacing: -0.02em;
    color: #334155;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-invoice .pm-invoice-card__head-aside {
    flex-shrink: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}

.pm-invoice .pm-invoice-card__time-eyebrow {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #94a3b8;
}

.pm-invoice .pm-invoice-card__datetime.card-date {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    text-align: right !important;
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
}

/* Бейджи статусов — цвет по смыслу, без перекраски всей карточки */
.pm-invoice .status-badge {
    border-radius: 6px !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.04em !important;
    padding: 4px 9px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    box-shadow: none !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

.pm-invoice .status-badge.status-created,
.pm-invoice .status-badge.status-payed {
    background: #fffbeb !important;
    color: #a16207 !important;
    border: 1px solid #fde68a !important;
}

.pm-invoice .status-badge.status-completed {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border: 1px solid #a7f3d0 !important;
}

.pm-invoice .status-badge.status-dispute {
    background: #fff1f2 !important;
    color: #be123c !important;
    border: 1px solid #fecdd3 !important;
}

.pm-invoice .status-badge.status-canceled {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.pm-invoice .status-badge.status-completedondispute {
    background: #eef2ff !important;
    color: #4338ca !important;
    border: 1px solid #c7d2fe !important;
}

.pm-invoice .pm-invoice-card__content.card-content {
    position: relative;
    z-index: 1;
    padding: 14px 14px 16px !important;
    gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.pm-invoice .pm-invoice-card__fields {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pm-invoice .pm-invoice-card__field.card-field {
    display: grid !important;
    grid-template-columns: minmax(5rem, 34%) 1fr;
    gap: 10px 14px;
    align-items: start;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    background: transparent !important;
    transition: background 0.15s ease;
}

.pm-invoice .pm-invoice-card__field.card-field:hover {
    background: rgba(15, 23, 42, 0.02) !important;
}

.pm-invoice .pm-invoice-card__field.card-field:last-child {
    border-bottom: none !important;
}

.pm-invoice .pm-invoice-card__field .field-label {
    min-width: 0 !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #64748b !important;
    line-height: 1.4;
    padding-top: 2px;
}

.pm-invoice .pm-invoice-card__field .field-value {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    line-height: 1.45;
    text-align: right !important;
    word-break: break-word !important;
}

.pm-invoice .pm-invoice-card__amounts.amounts-row {
    margin-top: 4px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    gap: 10px !important;
}

.pm-invoice .pm-invoice-card__amount.amount-item {
    padding: 12px 10px !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.pm-invoice .pm-invoice-card__amount .amount-label {
    font-size: 0.62rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 6px !important;
    color: #64748b !important;
}

.pm-invoice .pm-invoice-card__amount .amount-value {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: tabular-nums;
}

.pm-invoice .pm-invoice-card .amount-value.rub,
.pm-invoice .pm-invoice-card .amount-value.usdt {
    color: #0f172a !important;
}

.pm-invoice .pm-invoice-card__actions.card-actions {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.07) !important;
    background: #f8fafc;
    display: flex !important;
    justify-content: stretch !important;
}

.pm-invoice .pm-invoice-card__actions .mud-button-root {
    width: 100%;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    min-height: 40px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #334155 !important;
    box-shadow: none !important;
}

.pm-invoice .pm-invoice-card__actions .mud-button-root:hover {
    border-color: #94a3b8 !important;
    background: #f8fafc !important;
}

.pm-invoice .pm-invoice__pagination.pagination-container {
    margin-top: 0.5rem !important;
    padding: 0 !important;
}

.pm-invoice .pm-invoice__pagination-inner.pagination-controls {
    flex-wrap: wrap;
    justify-content: center;
    padding: 12px 16px !important;
    gap: 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

.pm-invoice .pm-invoice__page-btn.pagination-button {
    padding: 0 16px !important;
    min-height: 40px;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    background: #fff !important;
    color: #334155 !important;
    transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.pm-invoice .pm-invoice__page-btn.pagination-button:hover:not(.disabled) {
    border-color: rgba(99, 102, 241, 0.45) !important;
    color: #4f46e5 !important;
    box-shadow: 0 2px 10px rgba(99, 102, 241, 0.12);
}

.pm-invoice .pm-invoice__page-info.pagination-info {
    font-size: 0.8125rem !important;
    font-weight: 600;
    color: #64748b !important;
}

.pm-invoice .pm-invoice__page-size.items-per-page {
    margin-left: 0 !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    font-weight: 600;
    font-size: 0.78rem;
    cursor: pointer;
    background: #fff !important;
}

.pm-invoice .pm-invoice__page-size.items-per-page:hover {
    border-color: rgba(99, 102, 241, 0.4) !important;
}

/* Тёмная тема — InvoiceTable */
.mud-dark-theme .pm-invoice .pm-invoice__toolbar.invoice-filters {
    background: linear-gradient(165deg, #2a2a2f 0%, #222226 48%, #1a1a1e 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 12px 36px rgba(0, 0, 0, 0.4) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice__meta.invoice-stats {
    background: #222226 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #94a3b8 !important;
}

.mud-dark-theme .pm-invoice__meta-value {
    color: #e2e8f0 !important;
    background: #1c1c20 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice__empty.no-data {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(30, 30, 34, 0.5);
}

.mud-dark-theme .pm-invoice__empty-icon {
    background: rgba(129, 140, 248, 0.15);
    color: #a5b4fc;
}

.mud-dark-theme .pm-invoice__empty-text {
    color: #94a3b8 !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card.invoice-card.pm-invoice__card {
    background: #1c1c20 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__head.card-header {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    background: #222226 !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__eyebrow {
    color: #94a3b8;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__id {
    color: #e2e8f0 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__time-eyebrow {
    color: #64748b;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__datetime.card-date {
    color: #cbd5e1 !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__field.card-field {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__field.card-field:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__field .field-label {
    color: #94a3b8 !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__field .field-value {
    color: #f1f5f9 !important;
}

.mud-dark-theme .pm-invoice .status-badge {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.mud-dark-theme .pm-invoice .status-badge.status-created,
.mud-dark-theme .pm-invoice .status-badge.status-payed {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fcd34d !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
}

.mud-dark-theme .pm-invoice .status-badge.status-completed {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
}

.mud-dark-theme .pm-invoice .status-badge.status-dispute {
    background: rgba(225, 29, 72, 0.22) !important;
    color: #fda4af !important;
    border-color: rgba(251, 113, 133, 0.4) !important;
}

.mud-dark-theme .pm-invoice .status-badge.status-canceled {
    background: rgba(234, 88, 12, 0.2) !important;
    color: #fdba74 !important;
    border-color: rgba(251, 146, 60, 0.4) !important;
}

.mud-dark-theme .pm-invoice .status-badge.status-completedondispute {
    background: rgba(99, 102, 241, 0.22) !important;
    color: #c7d2fe !important;
    border-color: rgba(165, 180, 252, 0.45) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__amounts.amounts-row {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: #222226 !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__amount.amount-item {
    background: #1c1c20 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card .amount-value.rub,
.mud-dark-theme .pm-invoice .pm-invoice-card .amount-value.usdt {
    color: #f1f5f9 !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__actions.card-actions {
    background: #222226;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice-card__actions .mud-button-root {
    background: #2a2a30 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
    box-shadow: none !important;
}

.mud-dark-theme .pm-invoice .pm-invoice__pagination-inner.pagination-controls {
    background: linear-gradient(165deg, #2a2a2f 0%, #1e1e22 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.mud-dark-theme .pm-invoice .pm-invoice__page-btn.pagination-button {
    background: #25252a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
}

.mud-dark-theme .pm-invoice .pm-invoice__page-size.items-per-page {
    background: #25252a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
}

@media (max-width: 768px) {
    .pm-invoice .pm-invoice-card__field.card-field {
        grid-template-columns: 1fr !important;
    }

    .pm-invoice .pm-invoice-card__field .field-value {
        text-align: left !important;
    }

    .pm-invoice .pm-invoice-card__head.card-header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .pm-invoice .pm-invoice-card__head-aside {
        align-items: flex-start !important;
        text-align: left !important;
    }

    .pm-invoice .pm-invoice-card__datetime.card-date {
        text-align: left !important;
    }

    .pm-invoice .pm-invoice-ss-kv__row {
        grid-template-columns: 1fr;
    }

    .pm-invoice .pm-invoice-ss-kv__val {
        text-align: left;
    }

    .pm-invoice .pm-invoice-ss-amounts {
        grid-template-columns: 1fr;
    }
}

/* ========= Страница истории выводов (.pm-withdraws) ========= */
.withdraw-history-page.pm-withdraws {
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    color: inherit !important;
}

.pm-withdraws__intro {
    margin: -8px 0 20px;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #64748b;
}

.pm-withdraws__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px 20px;
    margin-bottom: 24px;
}

.pm-withdraws__filter {
    min-width: min(100%, 260px);
    max-width: 320px;
}

.pm-withdraws__meta {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}

.pm-withdraws__meta-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.pm-withdraws__meta-value {
    font-size: 1.125rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #334155;
}

.pm-withdraws__loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 280px;
    border-radius: 16px;
    border: 1px dashed rgba(15, 23, 42, 0.1);
    background: rgba(248, 250, 252, 0.65);
}

.pm-withdraws__loading p {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #64748b;
}

.pm-withdraws__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 48px 24px;
    border-radius: 16px;
    border: 1px dashed rgba(15, 23, 42, 0.12);
    background: rgba(248, 250, 252, 0.6);
}

.pm-withdraws__empty-icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 18px;
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.pm-withdraws__empty-icon svg {
    width: 36px;
    height: 36px;
}

.pm-withdraws__empty-title {
    margin: 0 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.pm-withdraws__empty-text {
    margin: 0;
    max-width: 320px;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #64748b;
}

/* ——— Выводы: каркас SimpleStats (.pm-withdraws-ss) ——— */
.pm-withdraws-ss__kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.35rem;
}

.pm-withdraws-ss__chip {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font: inherit;
    border-radius: 14px;
    transition: transform 0.18s ease, box-shadow 0.22s ease, outline 0.15s ease;
}

.pm-withdraws-ss__chip .simple-stats {
    pointer-events: none;
    max-width: min(280px, 100%);
    min-width: min(200px, 100%);
}

.pm-withdraws-ss__chip:hover .simple-stats {
    box-shadow: 0 4px 6px rgba(15, 23, 42, 0.05), 0 14px 32px -6px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}

.pm-withdraws-ss__chip:focus-visible {
    outline: 2px solid rgba(99, 102, 241, 0.55);
    outline-offset: 3px;
}

.pm-withdraws-ss__chip--active .simple-stats {
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        0 0 0 2px rgba(99, 102, 241, 0.35) !important;
    transform: translateY(-1px);
}

.pm-withdraws-ss__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pm-withdraws-ss__card {
    border-radius: 14px;
    border: 1px solid var(--ss-border, rgba(15, 23, 42, 0.08));
    background: var(--ss-surface, linear-gradient(145deg, #ffffff 0%, #f8fafc 100%));
    box-shadow: var(--ss-shadow, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08));
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.pm-withdraws-ss__card:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04);
}

.pm-withdraws-ss__card.status-pending {
    border-left: 4px solid #d97706;
}

.pm-withdraws-ss__card.status-processing {
    border-left: 4px solid #2563eb;
}

.pm-withdraws-ss__card.status-completed {
    border-left: 4px solid #16a34a;
}

.pm-withdraws-ss__card.status-rejected {
    border-left: 4px solid #dc2626;
}

.pm-withdraws-ss__card.status-canceled {
    border-left: 4px solid #94a3b8;
}

.pm-withdraws-ss__card-main {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1rem 1.25rem;
    padding: 1rem 1.1rem 0.85rem;
}

.pm-withdraws-ss__card-hero .simple-stats {
    max-width: min(300px, 100%);
    min-width: min(260px, 100%);
    margin: 0;
}

.pm-withdraws-ss__card-body {
    flex: 1 1 220px;
    min-width: min(100%, 260px);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.15rem 0 0;
}

.pm-withdraws-ss__kv {
    display: grid;
    grid-template-columns: minmax(88px, 120px) 1fr;
    gap: 0.5rem 1rem;
    align-items: baseline;
}

.pm-withdraws-ss__k {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ss-label, #64748b);
    line-height: 1.25;
}

.pm-withdraws-ss__v {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-value, #0f172a);
    line-height: 1.4;
    word-break: break-word;
}

.pm-withdraws-ss__v--mono {
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    font-size: 0.78rem;
    font-weight: 500;
}

.pm-withdraws-ss__link {
    color: #4f46e5;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid rgba(79, 70, 229, 0.35);
    transition: color 0.15s ease, border-color 0.15s ease;
}

.pm-withdraws-ss__link:hover {
    color: #4338ca;
    border-bottom-color: rgba(67, 56, 202, 0.55);
}

.pm-withdraws-ss__card-footer {
    padding: 0.65rem 1rem 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    background: rgba(248, 250, 252, 0.65);
}

.pm-withdraws-ss__menu-btn.mud-button-root {
    border-radius: 10px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.pm-withdraws-ss__loading.simple-stats,
.pm-withdraws-ss__empty.simple-stats {
    max-width: none;
    width: 100%;
    min-height: 120px;
}

.pm-withdraws-ss__spinner {
    width: 28px !important;
    height: 28px !important;
}

.pm-withdraws-ss__pager.simple-stats {
    max-width: none;
    width: 100%;
    margin-top: 1.25rem;
    flex-wrap: wrap;
}

.pm-withdraws-ss__pager-content {
    flex: 1 1 240px;
    min-width: 0;
}

.pm-withdraws-ss__pager-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.35rem;
}

.pm-withdraws-ss__page-btn.mud-button-root {
    border-radius: 10px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.pm-withdraws-ss__about {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 0.85rem;
}

.pm-withdraws-ss__about .simple-stats {
    max-width: none;
    min-height: 100%;
}

.pm-withdraws__pagination {
    margin-top: 28px;
}

.pm-withdraws__pagination-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px 24px;
    padding: 16px 20px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(165deg, #fafafa 0%, #f4f4f5 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.pm-withdraws__page-info {
    font-size: 0.875rem;
    font-weight: 600;
    color: #475569;
    font-variant-numeric: tabular-nums;
}

.pm-withdraws__page-btn.mud-button-root {
    border-radius: 10px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Модалка «Прикрепить хеш» */
.pm-attach-host {
    position: fixed;
    inset: 0;
    z-index: 12025;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    box-sizing: border-box;
}

.pm-attach-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.pm-attach {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    max-height: min(90vh, 640px);
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
    box-shadow:
        0 24px 64px -16px rgba(15, 23, 42, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.75) inset;
    overflow: hidden;
}

.pm-attach__header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.08) 0%, rgba(59, 130, 246, 0.05) 100%);
    flex-shrink: 0;
}

.pm-attach__header-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(14, 165, 233, 0.12);
    color: #0284c7;
}

.pm-attach__header-icon svg {
    width: 24px;
    height: 24px;
}

.pm-attach__header-text {
    flex: 1;
    min-width: 0;
}

.pm-attach__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0c4a6e;
    line-height: 1.25;
}

.pm-attach__subtitle {
    margin: 6px 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #64748b;
}

.pm-attach__close {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: -4px -6px 0 0;
    border: none;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.05);
    color: #64748b;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.pm-attach__close:hover {
    background: rgba(15, 23, 42, 0.09);
    color: #0f172a;
}

.pm-attach__body {
    padding: 18px;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.pm-attach__label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 8px;
}

.pm-attach__input {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    font-size: 0.875rem;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    color: #0f172a;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pm-attach__input:focus {
    outline: none;
    border-color: rgba(14, 165, 233, 0.55);
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

.pm-attach__summary {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pm-attach__summary-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    font-size: 0.8125rem;
}

.pm-attach__summary-row span:first-child {
    font-weight: 700;
    color: #94a3b8;
    flex-shrink: 0;
}

.pm-attach__summary-row span:last-child {
    font-weight: 600;
    color: #334155;
    text-align: right;
}

.pm-attach__summary-row--wrap {
    flex-direction: column;
    align-items: stretch;
}

.pm-attach__summary-row--wrap span:last-child {
    text-align: left;
}

.pm-attach__mono {
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    font-size: 0.75rem;
    word-break: break-all;
    font-weight: 500 !important;
    color: #475569 !important;
}

.pm-attach__footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    background: rgba(248, 250, 252, 0.85);
    flex-shrink: 0;
}

.pm-attach__btn {
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.pm-attach__btn--ghost {
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    color: #475569;
}

.pm-attach__btn--ghost:hover {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.18);
}

.pm-attach__btn--primary {
    border: none;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(3, 105, 161, 0.35);
}

.pm-attach__btn--primary:hover {
    filter: brightness(1.05);
}

/* Тёмная тема: выводы */
.mud-dark-theme .pm-withdraws__intro {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraws__meta {
    background: #25252a;
    border-color: rgba(255, 255, 255, 0.1);
}

.mud-dark-theme .pm-withdraws__meta-label {
    color: #64748b;
}

.mud-dark-theme .pm-withdraws__meta-value {
    color: #e2e8f0;
}

.mud-dark-theme .pm-withdraws__loading {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(30, 30, 34, 0.6);
}

.mud-dark-theme .pm-withdraws__loading p {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraws__empty {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(30, 30, 34, 0.5);
}

.mud-dark-theme .pm-withdraws__empty-title {
    color: #f1f5f9;
}

.mud-dark-theme .pm-withdraws__empty-text {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraws-ss__card {
    background: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 8px 28px rgba(0, 0, 0, 0.45);
}

.mud-dark-theme .pm-withdraws-ss__card:hover {
    border-color: rgba(255, 255, 255, 0.14);
}

.mud-dark-theme .pm-withdraws-ss__k {
    color: #94a3b8;
}

.mud-dark-theme .pm-withdraws-ss__v {
    color: #f1f5f9;
}

.mud-dark-theme .pm-withdraws-ss__link {
    color: #a5b4fc;
    border-bottom-color: rgba(165, 180, 252, 0.45);
}

.mud-dark-theme .pm-withdraws-ss__link:hover {
    color: #c7d2fe;
}

.mud-dark-theme .pm-withdraws-ss__card-footer {
    border-top-color: rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
}

.mud-dark-theme .pm-withdraws-ss__chip--active .simple-stats {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 0 0 2px rgba(129, 140, 248, 0.4) !important;
}

.mud-dark-theme .pm-withdraws__pagination-inner {
    background: linear-gradient(165deg, #2a2a2f 0%, #1e1e22 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.mud-dark-theme .pm-withdraws__page-info {
    color: #cbd5e1;
}

.mud-dark-theme .pm-withdraws__page-btn.mud-button-root,
.mud-dark-theme .pm-withdraws-ss__page-btn.mud-button-root {
    background: #25252a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
}

.mud-dark-theme .pm-attach {
    background: linear-gradient(180deg, #1e1e22 0%, #18181c 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 24px 64px -16px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.mud-dark-theme .pm-attach__header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.12) 0%, rgba(59, 130, 246, 0.06) 100%);
}

.mud-dark-theme .pm-attach__title {
    color: #e0f2fe;
}

.mud-dark-theme .pm-attach__subtitle {
    color: #94a3b8;
}

.mud-dark-theme .pm-attach__close {
    background: rgba(255, 255, 255, 0.06);
    color: #94a3b8;
}

.mud-dark-theme .pm-attach__close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f1f5f9;
}

.mud-dark-theme .pm-attach__label {
    color: #94a3b8;
}

.mud-dark-theme .pm-attach__input {
    background: #25252a;
    border-color: rgba(255, 255, 255, 0.12);
    color: #f1f5f9;
}

.mud-dark-theme .pm-attach__summary {
    background: #222226;
    border-color: rgba(255, 255, 255, 0.08);
}

.mud-dark-theme .pm-attach__summary-row span:first-child {
    color: #64748b;
}

.mud-dark-theme .pm-attach__summary-row span:last-child {
    color: #e2e8f0;
}

.mud-dark-theme .pm-attach__mono {
    color: #cbd5e1 !important;
}

.mud-dark-theme .pm-attach__footer {
    border-top-color: rgba(255, 255, 255, 0.08);
    background: #1c1c20;
}

.mud-dark-theme .pm-attach__btn--ghost {
    background: #25252a;
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}

.mud-dark-theme .pm-attach__btn--ghost:hover {
    background: #2e2e34;
}

@media (max-width: 640px) {
    .pm-withdraws-ss__kv {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .pm-withdraws-ss__card-main {
        flex-direction: column;
    }

    .pm-withdraws-ss__card-hero .simple-stats {
        width: 100%;
        max-width: none;
    }
}

/* ========= Переключатель темы (PmThemeToggle) ========= */
.pm-theme-toggle {
    position: fixed;
    bottom: max(87px, calc(12px + env(safe-area-inset-bottom, 0px)));
    right: max(24px, env(safe-area-inset-right, 0px));
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    transition:
        transform 0.22s cubic-bezier(0.34, 1.2, 0.64, 1),
        box-shadow 0.22s ease,
        background 0.22s ease;
    -webkit-tap-highlight-color: transparent;
}

.pm-theme-toggle__icons {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.pm-theme-toggle__icon {
    position: absolute;
    width: 22px;
    height: 22px;
    transition: opacity 0.2s ease, transform 0.22s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.pm-theme-toggle--light {
    color: #d97706;
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%);
    box-shadow:
        0 4px 18px rgba(15, 23, 42, 0.12),
        0 0 0 1px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.pm-theme-toggle--light:hover {
    transform: translateY(-2px);
    box-shadow:
        0 10px 28px rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(15, 23, 42, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.pm-theme-toggle--light:active {
    transform: translateY(0) scale(0.96);
}

.pm-theme-toggle--light .pm-theme-toggle__icon--moon {
    opacity: 0;
    transform: rotate(-40deg) scale(0.65);
    pointer-events: none;
}

.pm-theme-toggle--light .pm-theme-toggle__icon--sun {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.pm-theme-toggle--dark {
    color: #c7d2fe;
    background: linear-gradient(155deg, #334155 0%, #1e293b 50%, #0f172a 100%);
    box-shadow:
        0 6px 24px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pm-theme-toggle--dark:hover {
    transform: translateY(-2px);
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.pm-theme-toggle--dark:active {
    transform: translateY(0) scale(0.96);
}

.pm-theme-toggle--dark .pm-theme-toggle__icon--sun {
    opacity: 0;
    transform: rotate(40deg) scale(0.65);
    pointer-events: none;
}

.pm-theme-toggle--dark .pm-theme-toggle__icon--moon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.pm-theme-toggle:focus-visible {
    outline: 2px solid #6366f1;
    outline-offset: 3px;
}

.mud-dark-theme .pm-theme-toggle--light {
    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* —— Datalens: Argon-style charts (SVG line + HTML stacked bars) —— */
/* Важно: не смешивать с tab-fin-stats-list как flex-row без grow у ребёнка —
   график сжимался до intrinsic-ширины SVG (~300px), поля пустые по бокам карточки */
.datalens-charts__wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: block;
    box-sizing: border-box;
}

.tab-fin-stats-list.datalens-charts__wrap {
    flex-direction: unset;
    flex-wrap: unset;
    align-items: stretch;
    gap: 0;
}

.tab-fin-stats-list.datalens-charts__wrap > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: none;
    align-self: stretch;
    box-sizing: border-box;
}

.tab-fin-stats.datalens-charts {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.tab-data--datalens {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pm-argon-chart-card {
    width: 100%;
    border-radius: 16px;
    padding: 1.25rem 1.25rem 1rem;
    background: linear-gradient(145deg, #ffffff 0%, #f7f8fc 55%, #f0f2fa 100%);
    box-shadow:
        0 4px 24px rgba(94, 114, 228, 0.08),
        0 1px 3px rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(94, 114, 228, 0.12);
}

.mud-dark-theme .pm-argon-chart-card {
    background: linear-gradient(155deg, #1e293b 0%, #172033 50%, #0f172a 100%);
    border-color: rgba(148, 163, 184, 0.15);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.05);
}

.pm-argon-chart-empty {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(15, 23, 42, 0.45);
    font-size: 0.95rem;
}

.mud-dark-theme .pm-argon-chart-empty {
    color: rgba(226, 232, 240, 0.45);
}

.pm-argon-chart-svg-wrap {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.pm-argon-line-chart {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pm-argon-line-chart.pm-argon-chart-card {
    padding: 0.75rem 0.85rem 0.65rem;
}

/* Во всю ширину; высота из пропорции viewBox 1000×400 → без растягивания «в ширь» как с preserveAspectRatio none */
.pm-argon-line-chart__svg {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    height: auto;
    aspect-ratio: 1000 / 400;
    min-height: 300px;
    max-height: min(560px, 70vh);
    display: block;
}

.pm-argon-line-chart__cursor,
.pm-argon-line-chart__dot {
    pointer-events: none;
}

.pm-argon-line-chart__cursor {
    stroke: rgba(94, 114, 228, 0.45);
    stroke-width: 1.5;
    stroke-dasharray: 4 4;
}

.mud-dark-theme .pm-argon-line-chart__cursor {
    stroke: rgba(148, 163, 184, 0.55);
}

.pm-argon-line-chart__tip-fo {
    pointer-events: none;
    overflow: visible;
}

.pm-argon-line-chart__tooltip {
    pointer-events: none;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 248, 252, 0.98) 100%);
    border: 1px solid rgba(94, 114, 228, 0.2);
    box-shadow:
        0 10px 28px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(94, 114, 228, 0.08);
    font-size: 12px;
    line-height: 1.35;
    color: #334155;
    max-width: 180px;
}

.mud-dark-theme .pm-argon-line-chart__tooltip {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
    border-color: rgba(148, 163, 184, 0.25);
    color: #e2e8f0;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.06);
}

.pm-argon-line-chart__tooltip-date {
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 8px;
    color: #64748b;
    border-bottom: 1px solid rgba(94, 114, 228, 0.12);
    padding-bottom: 6px;
}

.mud-dark-theme .pm-argon-line-chart__tooltip-date {
    color: #94a3b8;
    border-bottom-color: rgba(148, 163, 184, 0.15);
}

.pm-argon-line-chart__tooltip-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}

.pm-argon-line-chart__tooltip-dot {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    flex-shrink: 0;
}

.pm-argon-line-chart__tooltip-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-argon-line-chart__tooltip-val {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: #0f172a;
}

.mud-dark-theme .pm-argon-line-chart__tooltip-val {
    color: #f8fafc;
}

.pm-argon-line-chart__hit {
    cursor: crosshair;
}

.pm-argon-line-chart__grid line,
.pm-argon-line-chart__grid-line {
    stroke: rgba(94, 114, 228, 0.12);
    stroke-width: 1px;
    stroke-dasharray: 4 6;
}

.mud-dark-theme .pm-argon-line-chart__grid line,
.mud-dark-theme .pm-argon-line-chart__grid-line {
    stroke: rgba(148, 163, 184, 0.18);
}

.pm-argon-line-chart__fo-y {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    font-size: 12px;
    line-height: 1.1;
    color: rgba(71, 85, 105, 0.88);
    font-variant-numeric: tabular-nums;
}

.mud-dark-theme .pm-argon-line-chart__fo-y {
    color: rgba(203, 213, 225, 0.88);
}

.pm-argon-line-chart__fo-x {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    height: 100%;
    font-size: 11px;
    line-height: 1.15;
    color: rgba(71, 85, 105, 0.82);
    word-break: break-all;
}

.mud-dark-theme .pm-argon-line-chart__fo-x {
    color: rgba(203, 213, 225, 0.78);
}

.pm-argon-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(94, 114, 228, 0.1);
    font-size: 0.8125rem;
    color: rgba(51, 65, 85, 0.95);
}

.mud-dark-theme .pm-argon-chart-legend {
    border-top-color: rgba(148, 163, 184, 0.12);
    color: rgba(226, 232, 240, 0.88);
}

.pm-argon-chart-legend__item {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.pm-argon-chart-legend__swatch {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    flex-shrink: 0;
}

/* HTML stacked bar chart */
.pm-html-bar-chart__body {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.35rem 0.65rem;
    align-items: start;
}

.pm-html-bar-chart__y-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 280px;
    padding-top: 2px;
    font-size: 11px;
    line-height: 1.2;
    color: rgba(71, 85, 105, 0.8);
    text-align: right;
}

.mud-dark-theme .pm-html-bar-chart__y-axis {
    color: rgba(203, 213, 225, 0.75);
}

.pm-html-bar-chart__plot {
    display: flex;
    align-items: stretch;
    gap: 5px;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(94, 114, 228, 0.14);
    scrollbar-width: thin;
}

.mud-dark-theme .pm-html-bar-chart__plot {
    border-bottom-color: rgba(148, 163, 184, 0.2);
}

.pm-html-bar-chart__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 14px;
    min-width: 12px;
    max-width: 40px;
}

.pm-html-bar-chart__col-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 280px;
}

.pm-html-bar-chart__stack-spacer {
    flex: 1 1 auto;
    min-height: 0;
}

.pm-html-bar-chart__stack {
    display: flex;
    flex-direction: column-reverse;
    flex: 0 0 auto;
    width: 88%;
    max-width: 32px;
    gap: 3px;
    border-radius: 10px 10px 4px 4px;
    align-self: center;
}

.pm-html-bar-chart__seg {
    flex: 0 0 auto;
    min-height: 0;
    border-radius: 6px;
    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition: filter 0.15s ease, transform 0.15s ease;
}

.mud-dark-theme .pm-html-bar-chart__seg {
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pm-html-bar-chart__seg:hover {
    filter: brightness(1.08);
    transform: scaleX(1.04);
}

.pm-html-bar-chart__x-label {
    margin-top: 6px;
    font-size: 10px;
    line-height: 1.1;
    color: rgba(71, 85, 105, 0.75);
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mud-dark-theme .pm-html-bar-chart__x-label {
    color: rgba(203, 213, 225, 0.65);
}

.pm-html-bar-chart__x-label--ghost {
    min-height: 14px;
}

.pm-html-bar-chart__legend {
    margin-top: 0.85rem;
}

/* —— Оболочка страниц + неудачные платежи: токены --pmf-* на корне и секциях —— */
.pm-page-shell,
.pm-page-shell .pm-ss-segment,
.pm-page-shell .pm-ss-toolbar,
.pm-page-shell .pm-ss-table-shell,
.pm-page-shell .pm-ss-modal,
.pm-page-shell .pm-ss-modal-backdrop,
.pm-page-shell .pm-failed-loading,
.pm-page-shell .pm-ss-empty,
.pm-page-shell .pm-ss-pagination,
.pm-page-shell .pm-failed-stats,
.pm-failed-page,
.pm-failed-page .pm-ss-segment,
.pm-failed-page .pm-ss-toolbar,
.pm-failed-page .pm-ss-table-shell,
.pm-failed-page .pm-ss-modal,
.pm-failed-page .pm-ss-modal-backdrop,
.pm-failed-page .pm-failed-loading,
.pm-failed-page .pm-ss-empty,
.pm-failed-page .pm-ss-pagination,
.pm-failed-stats {
    --pmf-text: #0f172a;
    --pmf-muted: #64748b;
    --pmf-border: rgba(15, 23, 42, 0.08);
    --pmf-surface: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    --pmf-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08);
}

.pm-page-shell,
.pm-failed-page {
    max-width: 100%;
    padding-bottom: 2rem;
    margin-top: -4rem;
}



.mud-dark-theme .pm-page-shell,
.mud-dark-theme .pm-page-shell .pm-ss-segment,
.mud-dark-theme .pm-page-shell .pm-ss-toolbar,
.mud-dark-theme .pm-page-shell .pm-ss-table-shell,
.mud-dark-theme .pm-page-shell .pm-ss-modal,
.mud-dark-theme .pm-page-shell .pm-ss-modal-backdrop,
.mud-dark-theme .pm-page-shell .pm-failed-loading,
.mud-dark-theme .pm-page-shell .pm-ss-empty,
.mud-dark-theme .pm-page-shell .pm-ss-pagination,
.mud-dark-theme .pm-page-shell .pm-failed-stats,
.mud-dark-theme .pm-failed-page,
.mud-dark-theme .pm-failed-page .pm-ss-segment,
.mud-dark-theme .pm-failed-page .pm-ss-toolbar,
.mud-dark-theme .pm-failed-page .pm-ss-table-shell,
.mud-dark-theme .pm-failed-page .pm-ss-modal,
.mud-dark-theme .pm-failed-page .pm-ss-modal-backdrop,
.mud-dark-theme .pm-failed-page .pm-failed-loading,
.mud-dark-theme .pm-failed-page .pm-ss-empty,
.mud-dark-theme .pm-failed-page .pm-ss-pagination,
.mud-dark-theme .pm-failed-stats {
    --pmf-text: #f1f5f9;
    --pmf-muted: #94a3b8;
    --pmf-border: rgba(255, 255, 255, 0.09);
    --pmf-surface: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
    --pmf-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 8px 28px rgba(0, 0, 0, 0.45);
}

.pm-page-shell__hero,
.pm-failed-page__hero {
    margin-bottom: 1.25rem;
}

.pm-page-shell__title,
.pm-failed-page__title {
    margin: 0 0 0.35rem 0;
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--pmf-text, #0f172a);
}

.pm-page-shell__lead,
.pm-failed-page__lead {
    margin: 0;
    font-size: 0.9rem;
    color: var(--pmf-muted, #64748b);
    line-height: 1.45;
    max-width: 42rem;
}

/* Сегменты вкладок */
.pm-ss-segment {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.35rem;
    border-radius: 14px;
    background: var(--pmf-surface);
    border: 1px solid var(--pmf-border);
    box-shadow: var(--pmf-shadow);
}

.pm-ss-segment__btn {
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    color: var(--pmf-muted);
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.pm-ss-segment__btn:hover {
    color: var(--pmf-text);
    background: rgba(99, 102, 241, 0.08);
}

.mud-dark-theme .pm-ss-segment__btn:hover {
    background: rgba(99, 102, 241, 0.15);
}

.pm-ss-segment__btn--active {
    color: #fff;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.35);
}

.mud-dark-theme .pm-ss-segment__btn--active {
    box-shadow: 0 2px 12px rgba(99, 102, 241, 0.4);
}

/* Панель фильтров */
.pm-ss-toolbar {
    background: var(--pmf-surface, linear-gradient(145deg, #ffffff 0%, #f8fafc 100%));
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    border-radius: 14px;
    box-shadow: var(--pmf-shadow, 0 1px 2px rgba(15, 23, 42, 0.04));
    padding: 0.6rem 0.75rem;
    margin-bottom: 1.25rem;
}

.pm-ss-toolbar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.pm-page-shell .pm-ss-toolbar .pm-ss-toolbar__search.mud-input-control,
.pm-page-shell .pm-ss-toolbar .pm-ss-toolbar__search,
.pm-failed-page .pm-ss-toolbar .pm-ss-toolbar__search.mud-input-control,
.pm-failed-page .pm-ss-toolbar .pm-ss-toolbar__search {
    flex: 1 1 200px;
    min-width: 0;
    max-width: min(100%, 320px);
    margin-top: 0 !important;
}

.pm-page-shell .pm-ss-toolbar .pm-ss-toolbar__date.mud-picker,
.pm-page-shell .pm-ss-toolbar .pm-ss-toolbar__date,
.pm-failed-page .pm-ss-toolbar .pm-ss-toolbar__date.mud-picker,
.pm-failed-page .pm-ss-toolbar .pm-ss-toolbar__date {
    flex: 0 1 auto;
    width: auto;
    max-width: min(100%, 280px);
    margin-top: 0 !important;
}

/* Mud по умолчанию тянет subtitle1 у дат — визуально «огромная» строка */
.pm-page-shell .pm-ss-toolbar .mud-input-root,
.pm-page-shell .pm-ss-toolbar .mud-input-slot,
.pm-failed-page .pm-ss-toolbar .mud-input-root,
.pm-failed-page .pm-ss-toolbar .mud-input-slot {
    min-height: 38px !important;
    font-size: 0.8125rem !important;
    line-height: 1.25 !important;
}

.pm-page-shell .pm-ss-toolbar .mud-input.mud-typography-subtitle1,
.pm-page-shell .pm-ss-toolbar .mud-input-input-control,
.pm-failed-page .pm-ss-toolbar .mud-input.mud-typography-subtitle1,
.pm-failed-page .pm-ss-toolbar .mud-input-input-control {
    font-size: 0.8125rem !important;
}

.pm-page-shell .pm-ss-toolbar .mud-input-label,
.pm-failed-page .pm-ss-toolbar .mud-input-label {
    font-size: 0.75rem !important;
}

.pm-page-shell .pm-ss-toolbar .mud-input-control,
.pm-failed-page .pm-ss-toolbar .mud-input-control {
    margin-top: 0 !important;
}

.pm-page-shell .pm-ss-toolbar .mud-icon-button-size-small,
.pm-failed-page .pm-ss-toolbar .mud-icon-button-size-small {
    padding: 4px !important;
}

.pm-ss-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.55rem 1.1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.pm-ss-btn__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.pm-ss-btn--primary {
    color: #fff;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.3);
}

.pm-ss-btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.4);
}

.pm-ss-btn--ghost {
    color: var(--pmf-text);
    background: rgba(99, 102, 241, 0.08);
    border-color: var(--pmf-border);
}

.mud-dark-theme .pm-ss-btn--ghost {
    background: rgba(255, 255, 255, 0.06);
}

.pm-ss-btn--ghost:hover {
    background: rgba(99, 102, 241, 0.14);
}

.pm-ss-btn--danger {
    color: #fff;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.28);
}

.pm-ss-btn--danger:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.38);
}

.pm-ss-btn--success {
    color: #fff;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.28);
}

.pm-ss-btn--success:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.38);
}

.pm-multi-list--dense {
    max-height: min(22vh, 200px);
}

.pm-multi-list--single {
    max-height: none;
    overflow: visible;
    border: none;
    background: transparent;
    padding: 0;
}

.pm-multi-list--single .pm-multi-list__row {
    padding: 0.35rem 0;
}

.pm-multi-list--single .pm-multi-list__row:hover {
    background: transparent;
}

/* Загрузка */
.pm-failed-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 200px;
    color: var(--pmf-muted);
    font-size: 0.9rem;
    font-weight: 500;
}

.pm-ss-empty {
    text-align: center;
    padding: 2.5rem 1rem;
    border-radius: 14px;
    border: 1px dashed var(--pmf-border);
    color: var(--pmf-muted);
    font-size: 0.95rem;
    background: var(--pmf-surface);
}

.pm-ss-muted {
    margin: 0;
    color: var(--pmf-muted);
    font-size: 0.875rem;
}

/* Таблица */
.pm-ss-table-shell {
    background: var(--pmf-surface);
    border: 1px solid var(--pmf-border);
    border-radius: 14px;
    box-shadow: var(--pmf-shadow);
    overflow: hidden;
}

.pm-ss-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pm-ss-table-scroll--modal {
    max-height: min(50vh, 360px);
    border: 1px solid var(--pmf-border);
    border-radius: 10px;
}

/* MudDataGrid / MudTable в оболочке pm-ss-table-shell */
.pm-ss-table-shell.pm-mud-grid-wrap {
    padding: 0;
}

.pm-ss-table-shell.pm-mud-grid-wrap .mud-table-root {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.pm-ss-table-shell.pm-mud-grid-wrap .mud-table-head .mud-table-cell,
.pm-ss-table-shell.pm-mud-grid-wrap thead .mud-table-cell,
.pm-ss-table-shell.pm-mud-grid-wrap th.mud-table-cell {
    background: rgba(99, 102, 241, 0.06) !important;
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--pmf-muted) !important;
    border-bottom: 1px solid var(--pmf-border) !important;
}

.mud-dark-theme .pm-ss-table-shell.pm-mud-grid-wrap .mud-table-head .mud-table-cell,
.mud-dark-theme .pm-ss-table-shell.pm-mud-grid-wrap thead .mud-table-cell,
.mud-dark-theme .pm-ss-table-shell.pm-mud-grid-wrap th.mud-table-cell {
    background: rgba(99, 102, 241, 0.12) !important;
}

.pm-ss-table-shell.pm-mud-grid-wrap .mud-table-body .mud-table-cell,
.pm-ss-table-shell.pm-mud-grid-wrap td.mud-table-cell {
    font-size: 0.8125rem !important;
    color: var(--pmf-text) !important;
    border-bottom: 1px solid var(--pmf-border) !important;
}

.pm-ss-table-shell.pm-mud-grid-wrap .mud-table-body .mud-table-row:hover .mud-table-cell,
.pm-ss-table-shell.pm-mud-grid-wrap tbody tr:hover td {
    background: rgba(99, 102, 241, 0.04) !important;
}

.mud-dark-theme .pm-ss-table-shell.pm-mud-grid-wrap .mud-table-body .mud-table-row:hover .mud-table-cell,
.mud-dark-theme .pm-ss-table-shell.pm-mud-grid-wrap tbody tr:hover td {
    background: rgba(99, 102, 241, 0.08) !important;
}

.pm-ss-table-shell.pm-mud-grid-wrap .mud-table-pagination-toolbar {
    border-top: 1px solid var(--pmf-border) !important;
    background: transparent !important;
}

/* Реквизиты: карточка превью и кнопки строки */
.pm-details-row-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.pm-detail-preview__block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.pm-detail-preview__block-head .pm-ss-detail-block__title {
    margin-bottom: 0;
}

.pm-detail-preview__mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

/* Реквизиты: только размеры (токены — на базовом .pm-ss-modal) */
.pm-ss-modal.pm-details-preview-modal {
    width: min(96vw, 680px) !important;
    max-height: min(88vh, 920px);
}

.pm-ss-modal.pm-details-form-modal {
    width: min(96vw, 560px) !important;
    max-height: min(92vh, 900px);
}

.pm-details-preview-modal .pm-ss-modal__body {
    max-height: min(72vh, 720px);
    overflow-y: auto;
}

.pm-details-form-modal .pm-ss-modal__body {
    max-height: min(70vh, 640px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

/* Лимиты в таблице реквизитов */
.pm-limits {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 158px;
    max-width: 228px;
}

.pm-limits__row {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.pm-limits__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
}

.pm-limits__label {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.pm-limits__value {
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--pmf-text, #0f172a);
    letter-spacing: -0.02em;
}

.pm-limits__bar {
    position: relative;
    height: 7px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.07);
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

.mud-dark-theme .pm-limits__bar {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

.pm-limits__fill {
    height: 100%;
    width: var(--pm-limits-pct, 0%);
    max-width: 100%;
    border-radius: 999px;
    transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}

.pm-limits__fill--emerald {
    background: linear-gradient(90deg, #34d399, #059669);
}

.pm-limits__fill--indigo {
    background: linear-gradient(90deg, #818cf8, #4f46e5);
}

.pm-limits__fill--amber {
    background: linear-gradient(90deg, #fbbf24, #d97706);
}

.pm-limits__fill--violet {
    background: linear-gradient(90deg, #c084fc, #7c3aed);
}

@media (prefers-reduced-motion: reduce) {
    .pm-limits__fill {
        transition: none;
    }
}

/* Статусы в ячейках (вместо .invoice-status) */
.pm-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid transparent;
    white-space: nowrap;
}

.pm-status-pill--ok {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
    border-color: rgba(34, 197, 94, 0.28);
}

.pm-status-pill--bad {
    background: rgba(239, 68, 68, 0.14);
    color: #b91c1c;
    border-color: rgba(239, 68, 68, 0.3);
}

.mud-dark-theme .pm-status-pill--ok {
    background: rgba(34, 197, 94, 0.18);
    color: #86efac;
    border-color: rgba(34, 197, 94, 0.35);
}

.mud-dark-theme .pm-status-pill--bad {
    background: rgba(239, 68, 68, 0.18);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.35);
}

/* Кастомный переключатель (замена MudSwitch в гриде реквизитов) */
.pm-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.pm-switch:focus-visible {
    outline: 2px solid rgba(99, 102, 241, 0.55);
    outline-offset: 3px;
    border-radius: 999px;
}

.pm-switch__track {
    position: relative;
    display: block;
    width: 44px;
    height: 24px;
    border-radius: 999px;
    transition: background 0.22s ease, box-shadow 0.22s ease;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

.pm-switch__thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.pm-switch--on .pm-switch__thumb {
    transform: translateX(20px);
}

/* Тема: статус работы (вкл = зелёный) */
.pm-switch--status.pm-switch--off .pm-switch__track {
    background: linear-gradient(180deg, #fecaca, #f87171);
}

.pm-switch--status.pm-switch--on .pm-switch__track {
    background: linear-gradient(180deg, #86efac, #22c55e);
}

/* Тема: блокировка (вкл = красный «заблокирован») */
.pm-switch--block.pm-switch--off .pm-switch__track {
    background: linear-gradient(180deg, #bbf7d0, #4ade80);
}

.pm-switch--block.pm-switch--on .pm-switch__track {
    background: linear-gradient(180deg, #fecaca, #ef4444);
}

/* Тема: тип лимита (вкл = суточный, индиго) */
.pm-switch--limit.pm-switch--off .pm-switch__track {
    background: linear-gradient(180deg, #e2e8f0, #94a3b8);
}

.mud-dark-theme .pm-switch--limit.pm-switch--off .pm-switch__track {
    background: linear-gradient(180deg, #3f3f46, #52525b);
}

.pm-switch--limit.pm-switch--on .pm-switch__track {
    background: linear-gradient(180deg, #a5b4fc, #6366f1);
}

@media (prefers-reduced-motion: reduce) {
    .pm-switch__track,
    .pm-switch__thumb {
        transition: none;
    }
}

.pm-details-limit-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    min-width: 5.5rem;
}

.pm-details-limit-col__tag {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.pm-details-limit-col__tag--std {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
    border-color: rgba(100, 116, 139, 0.2);
}

.pm-details-limit-col__tag--daily {
    background: rgba(99, 102, 241, 0.14);
    color: #4f46e5;
    border-color: rgba(99, 102, 241, 0.28);
}

.mud-dark-theme .pm-details-limit-col__tag--std {
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.22);
}

.mud-dark-theme .pm-details-limit-col__tag--daily {
    background: rgba(129, 140, 248, 0.2);
    color: #c7d2fe;
    border-color: rgba(129, 140, 248, 0.35);
}

.pm-ss-icon-btn--danger {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.1);
}

.pm-ss-icon-btn--danger:hover {
    background: rgba(220, 38, 38, 0.18);
    color: #b91c1c;
}

.mud-dark-theme .pm-ss-icon-btn--danger {
    color: #f87171;
    background: rgba(220, 38, 38, 0.2);
}

.pm-ss-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.pm-ss-data-table thead {
    background: rgba(99, 102, 241, 0.06);
}

.mud-dark-theme .pm-ss-data-table thead {
    background: rgba(99, 102, 241, 0.12);
}

.pm-ss-data-table th {
    text-align: left;
    padding: 0.65rem 0.85rem;
    font-weight: 600;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--pmf-muted);
    border-bottom: 1px solid var(--pmf-border);
    white-space: nowrap;
}

.pm-ss-data-table td {
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--pmf-border);
    color: var(--pmf-text);
    vertical-align: middle;
}

.pm-ss-data-table tbody tr:hover td {
    background: rgba(99, 102, 241, 0.04);
}

.mud-dark-theme .pm-ss-data-table tbody tr:hover td {
    background: rgba(99, 102, 241, 0.08);
}

.pm-ss-data-table--compact th,
.pm-ss-data-table--compact td {
    padding: 0.5rem 0.65rem;
}

.pm-ss-data-table__col-action {
    width: 52px;
}

.pm-ss-num {
    font-variant-numeric: tabular-nums;
}

.pm-ss-nowrap {
    white-space: nowrap;
}

.pm-ss-ellipsis {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Пилюли / бейджи */
.pm-ss-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.pm-ss-pill--neutral {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.mud-dark-theme .pm-ss-pill--neutral {
    background: rgba(148, 163, 184, 0.15);
    color: #cbd5e1;
}

.pm-ss-pill--in {
    background: rgba(5, 150, 105, 0.14);
    color: #047857;
}

.mud-dark-theme .pm-ss-pill--in {
    color: #6ee7b7;
}

.pm-ss-pill--out {
    background: rgba(217, 119, 6, 0.16);
    color: #b45309;
}

.mud-dark-theme .pm-ss-pill--out {
    color: #fcd34d;
}

.pm-ss-pill--info {
    background: rgba(2, 132, 199, 0.14);
    color: #0369a1;
}

.pm-ss-pill--warning {
    background: rgba(217, 119, 6, 0.16);
    color: #b45309;
}

.pm-ss-pill--secondary {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.pm-ss-pill--error {
    background: rgba(220, 38, 38, 0.14);
    color: #b91c1c;
}

.mud-dark-theme .pm-ss-pill--error {
    color: #fca5a5;
}

.pm-ss-pill--default {
    background: rgba(99, 102, 241, 0.12);
    color: #4f46e5;
}

.mud-dark-theme .pm-ss-pill--default {
    color: #a5b4fc;
}

.pm-ss-pill--success {
    background: rgba(22, 163, 74, 0.14);
    color: #15803d;
}

.mud-dark-theme .pm-ss-pill--success {
    color: #86efac;
}

.pm-ss-pill--ok {
    background: rgba(22, 163, 74, 0.14);
    color: #15803d;
}

.mud-dark-theme .pm-ss-pill--ok {
    color: #86efac;
}

.pm-ss-pill--err {
    background: rgba(220, 38, 38, 0.14);
    color: #b91c1c;
}

.mud-dark-theme .pm-ss-pill--err {
    color: #fca5a5;
}

.pm-ss-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: #6366f1;
    background: rgba(99, 102, 241, 0.1);
    transition: background 0.15s ease, transform 0.15s ease, color 0.15s ease;
}

.pm-ss-icon-btn:hover {
    background: rgba(99, 102, 241, 0.2);
    transform: translateY(-1px);
}

.pm-ss-icon-btn svg {
    width: 18px;
    height: 18px;
}

.mud-dark-theme .pm-ss-icon-btn {
    color: #a5b4fc;
    background: rgba(99, 102, 241, 0.18);
}

/* Пагинация */
.pm-ss-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--pmf-border);
    background: rgba(99, 102, 241, 0.03);
}

.mud-dark-theme .pm-ss-pagination {
    background: rgba(0, 0, 0, 0.15);
}

.pm-ss-page-btn {
    min-width: 36px;
    height: 36px;
    padding: 0 0.5rem;
    border-radius: 8px;
    border: 1px solid var(--pmf-border);
    background: var(--pmf-surface);
    color: var(--pmf-text);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pm-ss-page-btn:hover {
    border-color: rgba(99, 102, 241, 0.45);
    color: #6366f1;
}

.pm-ss-page-btn--active {
    color: #fff;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    border-color: transparent;
}

/* Модалка: вход / выход (затемнение + blur) */
@keyframes pm-modal-backdrop-in {
    from {
        opacity: 0;
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
    }
    to {
        opacity: 1;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
}

@keyframes pm-modal-backdrop-out {
    from {
        opacity: 1;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    to {
        opacity: 0;
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
    }
}

/* Без transform на .pm-ss-modal — иначе остаётся containing block для fixed (в т.ч. scale(1)).
   В конце открытия filter: none — иначе filter тоже ломает position:fixed у потомков. */
@keyframes pm-modal-dialog-in {
    from {
        opacity: 0;
        filter: blur(6px);
    }
    to {
        opacity: 1;
        filter: none;
    }
}

@keyframes pm-modal-dialog-out {
    from {
        opacity: 1;
        filter: blur(0);
    }
    to {
        opacity: 0;
        filter: blur(4px);
    }
}

/* Центрирование без transform на самом диалоге — иначе position:fixed у PmDropdownSelect
   привязывается к модалке и панель уезжает/обрезается (overflow: hidden). */
.pm-ss-modal-host {
    position: fixed;
    inset: 0;
    z-index: 12001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px))
        max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
    box-sizing: border-box;
    pointer-events: none;
}

.pm-ss-modal-host .pm-ss-modal {
    pointer-events: auto;
}

.pm-ss-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 12000;
    cursor: pointer;
    background: rgba(15, 23, 42, 0.42);
    opacity: 0;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    animation: pm-modal-backdrop-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    will-change: opacity, backdrop-filter;
}

.pm-ss-modal-backdrop.pm-ss-modal-backdrop--closing {
    pointer-events: none;
    animation: pm-modal-backdrop-out 0.32s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.mud-dark-theme .pm-ss-modal-backdrop {
    background: rgba(0, 0, 0, 0.62);
}

/* Модалки часто вне .pm-page-shell — токены и фон по умолчанию */
.pm-ss-modal {
    --pmf-text: #0f172a;
    --pmf-muted: #64748b;
    --pmf-border: rgba(15, 23, 42, 0.08);
    --pmf-surface: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    --pmf-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08);

    position: relative;
    z-index: auto;
    margin: 0;
    flex: 0 1 auto;
    width: min(96vw, 720px);
    max-width: 100%;
    max-height: min(90vh, 880px);
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid var(--pmf-border);
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    color: var(--pmf-text);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    overflow: hidden;
    opacity: 0;
    transform: none;
    filter: none;
    animation: pm-modal-dialog-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
    will-change: opacity, filter;
}

.pm-ss-modal.pm-ss-modal--closing {
    pointer-events: none;
    animation: pm-modal-dialog-out 0.3s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.mud-dark-theme .pm-ss-modal {
    --pmf-text: #f1f5f9;
    --pmf-muted: #94a3b8;
    --pmf-border: rgba(255, 255, 255, 0.09);
    --pmf-surface: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
    background: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
    color: var(--pmf-text);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

/* Унифицированные ширины PmAppModal */
.pm-app-modal--narrow {
    width: min(96vw, 400px) !important;
}

.pm-app-modal--md {
    width: min(96vw, 520px) !important;
}

.pm-app-modal--wide {
    width: min(96vw, 640px) !important;
}

.pm-app-modal--xl {
    width: min(96vw, 800px) !important;
}

@media (prefers-reduced-motion: reduce) {
    .pm-ss-modal-backdrop,
    .pm-ss-modal-backdrop.pm-ss-modal-backdrop--closing,
    .pm-ss-modal,
    .pm-ss-modal.pm-ss-modal--closing {
        animation-duration: 0.01ms !important;
        animation-delay: 0s !important;
    }

    .pm-ss-modal-backdrop {
        opacity: 1;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .pm-ss-modal {
        opacity: 1;
        filter: none;
    }
}

.pm-ss-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--pmf-border);
}

.pm-ss-modal__title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--pmf-text);
    letter-spacing: -0.02em;
}

.pm-ss-modal__close {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: var(--pmf-muted);
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease;
}

.pm-ss-modal__close:hover {
    background: rgba(99, 102, 241, 0.1);
    color: var(--pmf-text);
}

.pm-ss-modal__body {
    position: relative;
    z-index: 1;
    padding: 1rem 1.1rem;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto;
    min-height: 0;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.45) rgba(15, 23, 42, 0.06);
}

.mud-dark-theme .pm-ss-modal__body {
    scrollbar-color: rgba(165, 180, 252, 0.55) rgba(0, 0, 0, 0.28);
}

.pm-ss-modal__body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.pm-ss-modal__body::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.05);
    border-radius: 999px;
    margin: 4px 0;
}

.mud-dark-theme .pm-ss-modal__body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.25);
}

.pm-ss-modal__body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(129, 140, 248, 0.85), rgba(99, 102, 241, 0.75));
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.pm-ss-modal__body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #818cf8, #6366f1);
    background-clip: padding-box;
}

.pm-ss-modal__body--scroll {
    -webkit-overflow-scrolling: touch;
}

/* Нативные поля в модалках (замена Mud) */
.pm-form-stack {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pm-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

.pm-field__label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
}

.pm-field__hint {
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--pmf-muted, #64748b);
    margin: 0;
}

.pm-modal-text {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--pmf-text, #0f172a);
}

.pm-deposit-warn {
    margin-top: 0.5rem;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(220, 38, 38, 0.25);
    background: rgba(220, 38, 38, 0.07);
}

.pm-deposit-warn__list {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--pmf-text, #0f172a);
}

.mud-dark-theme .pm-deposit-warn {
    background: rgba(220, 38, 38, 0.12);
    border-color: rgba(248, 113, 113, 0.35);
}

.pm-balance-log-dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

@media (max-width: 520px) {
    .pm-balance-log-dates {
        grid-template-columns: 1fr;
    }
}

.pm-virtualize-log-scroller {
    max-height: min(52vh, 520px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0.5rem;
    padding-right: 0.15rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.45) transparent;
}

.pm-virtualize-log-scroller::-webkit-scrollbar {
    width: 8px;
}

.pm-virtualize-log-scroller::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.45);
    border-radius: 999px;
}

.pm-input,
.pm-select,
.pm-textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.35;
    color: var(--pmf-text, #0f172a);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    border-radius: 12px;
    padding: 0.55rem 0.75rem;
    outline: none;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.mud-dark-theme .pm-input,
.mud-dark-theme .pm-select,
.mud-dark-theme .pm-textarea {
    background: rgba(0, 0, 0, 0.22);
    color: var(--pmf-text, #f1f5f9);
}

.pm-input:hover,
.pm-select:hover,
.pm-textarea:hover {
    border-color: rgba(99, 102, 241, 0.35);
}

.pm-input:focus,
.pm-select:focus,
.pm-textarea:focus {
    border-color: rgba(99, 102, 241, 0.65);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

.pm-input::placeholder,
.pm-textarea::placeholder {
    color: var(--pmf-muted, #64748b);
    opacity: 0.85;
}

.pm-select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    padding-right: 2.25rem;
}

.mud-dark-theme .pm-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

/* Нативный select: хоть какая-то стилизация option (ограничена браузером) */
.pm-select option {
    padding: 0.45rem 0.5rem;
    font-size: 0.875rem;
    background: #fff;
    color: #0f172a;
}

.mud-dark-theme .pm-select option {
    background: #1e293b;
    color: #f1f5f9;
}

/* === PM: кастомный выпадающий список (PmDropdownSelect) === */
.pm-dropdown {
    position: relative;
    width: 100%;
}

.pm-dropdown__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.35;
    text-align: left;
    color: var(--pmf-text, #0f172a);
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    border-radius: 12px;
    cursor: pointer;
    outline: none;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.mud-dark-theme .pm-dropdown__trigger {
    background: rgba(0, 0, 0, 0.28);
    color: var(--pmf-text, #f1f5f9);
}

.pm-dropdown__trigger:hover:not(:disabled) {
    border-color: rgba(99, 102, 241, 0.38);
}

.pm-dropdown__trigger:focus-visible {
    border-color: rgba(99, 102, 241, 0.65);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22);
}

.pm-dropdown__trigger:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.pm-dropdown__text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-dropdown__text--ph {
    color: var(--pmf-muted, #64748b);
    font-weight: 500;
}

.pm-dropdown__chev {
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
        center / contain no-repeat;
    opacity: 0.85;
    transition: transform 0.2s ease;
}

.pm-dropdown:has(.pm-dropdown__top-layer) .pm-dropdown__chev {
    transform: rotate(180deg);
}

/* Полноэкранный слой в top layer (popover): не режется overflow предков, выше футера модалки */
.pm-dropdown__top-layer {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    margin: 0;
    border: none;
    padding: 0;
    background: transparent;
    overflow: visible;
    box-sizing: border-box;
}

.pm-dropdown__top-layer:popover-open {
    display: block;
}

.pm-dropdown__backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    cursor: default;
    background: transparent;
}

.pm-dropdown__panel {
    position: fixed;
    z-index: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 14px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.99) 100%);
    box-shadow:
        0 4px 6px -1px rgba(15, 23, 42, 0.08),
        0 18px 40px -12px rgba(79, 70, 229, 0.22),
        0 0 0 1px rgba(99, 102, 241, 0.06) inset;
    overflow: hidden;
    animation: pm-dropdown-panel-in 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-dropdown__body {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.45) transparent;
    padding: 0.25rem 0;
}

.pm-dropdown__body::-webkit-scrollbar {
    width: 7px;
}

.pm-dropdown__body::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.45);
    border-radius: 999px;
}

.mud-dark-theme .pm-dropdown__panel {
    background: linear-gradient(165deg, rgba(38, 38, 44, 0.98) 0%, rgba(24, 24, 30, 0.99) 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(129, 140, 248, 0.12) inset;
}

.pm-dropdown__panel::-webkit-scrollbar {
    width: 7px;
}

.pm-dropdown__panel::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.45);
    border-radius: 999px;
}

@keyframes pm-dropdown-panel-in {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pm-dropdown__opt {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    margin: 0;
    padding: 0.48rem 0.65rem 0.48rem 0.5rem;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--pmf-text, #0f172a);
    text-align: left;
    cursor: pointer;
    transition: background 0.12s ease;
}

.pm-dropdown__opt:hover {
    background: rgba(99, 102, 241, 0.1);
}

.pm-dropdown__opt--active {
    background: rgba(99, 102, 241, 0.14);
    color: #4338ca;
}

.mud-dark-theme .pm-dropdown__opt--active {
    color: #c7d2fe;
}

.pm-dropdown__check {
    flex: 0 0 1.1rem;
    width: 1.1rem;
    font-size: 0.75rem;
    font-weight: 800;
    color: #6366f1;
    text-align: center;
}

.pm-dropdown__check--spacer {
    visibility: hidden;
}

.pm-dropdown__opt-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-dropdown__clear {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: -0.15rem;
    border-radius: 6px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    color: #94a3b8;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease;
}

.pm-dropdown__clear:hover {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.08);
}

.pm-dropdown__filter {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.45rem 0.45rem 0.35rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    background: inherit;
}

.mud-dark-theme .pm-dropdown__filter {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.pm-dropdown__search {
    width: 100%;
    min-height: 2rem;
    font-size: 0.8125rem;
}

.pm-dropdown__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 5.5rem;
    padding: 1rem 0.85rem 1.1rem;
    text-align: center;
}

.pm-dropdown__empty-icon {
    width: 1.75rem;
    height: 1.75rem;
    color: #a5b4fc;
    flex-shrink: 0;
}

.pm-dropdown__empty-title {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pmf-text, #334155);
}

.pm-dropdown__empty-hint {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--pmf-muted, #94a3b8);
    line-height: 1.35;
}

.pm-field--inline {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: min(100%, 220px);
    max-width: min(100%, 280px);
}

.pm-field--inline .pm-field__label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
}

/* === PM: мультиселект (PmMultiSelect) === */
.pm-ms {
    position: relative;
    width: 100%;
}

.pm-toast-host {
    position: fixed;
    left: 18px;
    top: 18px;
    z-index: 2147482000;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: min(420px, calc(100vw - 40px));
    pointer-events: none;
}

.pm-toast {
    --ss-accent: #6366f1;
    --ss-icon-bg: color-mix(in srgb, var(--ss-accent) 14%, transparent);
    --ss-icon-fg: var(--ss-accent);

    pointer-events: auto;
    display: grid;
    grid-template-columns: 42px 1fr 34px;
    gap: 0.65rem;
    align-items: start;
    padding: 0.75rem 0.8rem;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ss-accent) 14%, transparent) 0%, transparent 55%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.96) 100%);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.14),
        0 0 0 1px rgba(255, 255, 255, 0.35) inset;
    color: var(--pmf-text, #0f172a);
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: pm-toast-in 0.32s cubic-bezier(0.16, 1, 0.3, 1) both;
    transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
}

.mud-dark-theme .pm-toast {
    border-color: rgba(255, 255, 255, 0.09);
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ss-accent) 18%, transparent) 0%, transparent 55%),
        linear-gradient(155deg, rgba(38, 38, 42, 0.92) 0%, rgba(24, 24, 28, 0.95) 100%);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(129, 140, 248, 0.12) inset;
    color: var(--pmf-text, #f1f5f9);
}

@keyframes pm-toast-in {
    from { opacity: 0; transform: translateX(-10px) translateY(-6px) scale(0.985); }
    to { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
}

.pm-toast--closing {
    animation: pm-toast-out 0.24s cubic-bezier(0.4, 0, 1, 1) forwards;
}

@keyframes pm-toast-out {
    from { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
    to { opacity: 0; transform: translateX(-10px) translateY(-4px) scale(0.985); }
}

.pm-toast__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: var(--ss-icon-bg);
    color: var(--ss-icon-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 10px 26px color-mix(in srgb, var(--ss-accent) 24%, transparent),
        0 0 0 1px color-mix(in srgb, var(--ss-accent) 18%, transparent) inset;
}

.pm-toast__svg {
    width: 22px;
    height: 22px;
}

.pm-toast__title {
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: -0.015em;
    margin-bottom: 0.15rem;
}

.pm-toast__msg {
    font-size: 0.82rem;
    line-height: 1.35;
    color: var(--pmf-muted, #64748b);
}

.mud-dark-theme .pm-toast__msg {
    color: var(--pmf-muted, #94a3b8);
}

.pm-toast__close {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 12px;
    background: transparent;
    color: var(--pmf-muted, #64748b);
    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
}

.pm-toast__close:hover {
    background: rgba(99, 102, 241, 0.1);
    color: var(--pmf-text, #0f172a);
}

.pm-toast__bar {
    grid-column: 1 / -1;
    height: 3px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    overflow: hidden;
    margin-top: 0.35rem;
    position: relative;
}

.mud-dark-theme .pm-toast__bar {
    background: rgba(255, 255, 255, 0.08);
}

.pm-toast__bar::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ss-accent) 75%, transparent), var(--ss-accent));
    transform-origin: left center;
    animation: pm-toast-bar var(--pm-toast-dur, 6000ms) linear forwards;
}

@media (prefers-reduced-motion: reduce) {
    .pm-toast {
        animation: none !important;
    }
    .pm-toast--closing {
        animation: none !important;
        opacity: 0;
    }
    .pm-toast__bar::after {
        animation: none !important;
        transform: scaleX(0.15);
    }
}

@keyframes pm-toast-bar {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

.pm-toast--info { --ss-accent: #6366f1; }
.pm-toast--success { --ss-accent: #16a34a; }
.pm-toast--warning { --ss-accent: #d97706; }
.pm-toast--error { --ss-accent: #dc2626; }

.pm-ms__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.35;
    text-align: left;
    color: var(--pmf-text, #0f172a);
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    border-radius: 12px;
    cursor: pointer;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.mud-dark-theme .pm-ms__trigger {
    background: rgba(0, 0, 0, 0.28);
    color: var(--pmf-text, #f1f5f9);
}

.pm-ms__trigger:hover:not(:disabled) {
    border-color: rgba(99, 102, 241, 0.38);
}

.pm-ms__trigger:focus-visible {
    border-color: rgba(99, 102, 241, 0.65);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22);
}

.pm-ms__trigger:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.pm-ms__text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-ms__text--ph {
    color: var(--pmf-muted, #64748b);
    font-weight: 500;
}

.pm-ms__chev {
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
        center / contain no-repeat;
    opacity: 0.85;
}

.pm-ms__top-layer {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    border: none;
    padding: 0;
    background: transparent;
    overflow: visible;
    box-sizing: border-box;
}

.pm-ms__backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    cursor: default;
    background: transparent;
}

.pm-ms__panel {
    position: fixed;
    z-index: 1;
    border-radius: 14px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.99) 100%);
    box-shadow:
        0 4px 6px -1px rgba(15, 23, 42, 0.08),
        0 18px 40px -12px rgba(79, 70, 229, 0.22),
        0 0 0 1px rgba(99, 102, 241, 0.06) inset;
    overflow: hidden;
    min-width: 260px;
}

.mud-dark-theme .pm-ms__panel {
    background: linear-gradient(165deg, rgba(38, 38, 44, 0.98) 0%, rgba(24, 24, 30, 0.99) 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(129, 140, 248, 0.12) inset;
}

.pm-ms__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
}

.pm-ms__title {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--pmf-text, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-ms__meta {
    margin-left: 0.5rem;
    font-size: 0.72rem;
    font-weight: 900;
    color: var(--pmf-muted, #64748b);
}

.pm-ms__close {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 10px;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    color: var(--pmf-muted, #64748b);
    background: transparent;
}

.pm-ms__close:hover {
    background: rgba(99, 102, 241, 0.1);
    color: var(--pmf-text, #0f172a);
}

.pm-ms__tools {
    padding: 0.65rem 0.75rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
    border-bottom: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    background: rgba(255, 255, 255, 0.45);
}

.mud-dark-theme .pm-ms__tools {
    background: rgba(0, 0, 0, 0.14);
}

.pm-ms__search {
    min-height: 2.35rem;
}

.pm-ms__tool-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.pm-ms__list {
    max-height: 320px;
    overflow: auto;
    padding: 0.35rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.45) transparent;
}

.pm-ms__opt {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    margin: 0;
    padding: 0.48rem 0.75rem;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pmf-text, #0f172a);
    text-align: left;
    cursor: pointer;
}

.pm-ms__opt:hover {
    background: rgba(99, 102, 241, 0.1);
}

.pm-ms__opt--active {
    background: rgba(99, 102, 241, 0.14);
}

.pm-ms__box {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid rgba(99, 102, 241, 0.35);
    background: rgba(255, 255, 255, 0.75);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
}

.mud-dark-theme .pm-ms__box {
    background: rgba(0, 0, 0, 0.25);
    border-color: rgba(165, 180, 252, 0.4);
}

.pm-ms__tick {
    font-size: 0.75rem;
    font-weight: 900;
    color: #6366f1;
}

.pm-ms__label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-ms__foot {
    padding: 0.65rem 0.75rem;
    border-top: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.55);
}

.mud-dark-theme .pm-ms__foot {
    background: rgba(0, 0, 0, 0.18);
}

/* === PM: поле даты (PmDateInput) === */
.pm-date-field {
    display: flex;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    background: rgba(255, 255, 255, 0.78);
    color-scheme: light;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.mud-dark-theme .pm-date-field {
    background: rgba(0, 0, 0, 0.28);
    color-scheme: dark;
}

.pm-date-field:hover {
    border-color: rgba(99, 102, 241, 0.35);
}

.pm-date-field:focus-within {
    border-color: rgba(99, 102, 241, 0.65);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

.pm-date-field--disabled {
    opacity: 0.55;
    pointer-events: none;
}

.pm-date-field__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 0.45rem 0 0.7rem;
    color: #6366f1;
    opacity: 0.92;
}

.mud-dark-theme .pm-date-field__icon {
    color: #a5b4fc;
}

.pm-date-input {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    padding: 0.55rem 0.65rem 0.55rem 0.15rem;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.35;
    color: var(--pmf-text, #0f172a);
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 12px 12px 0;
}

.mud-dark-theme .pm-date-input {
    color: var(--pmf-text, #f1f5f9);
}

.pm-date-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.55;
    padding: 0.2rem;
    margin-left: 0.15rem;
    border-radius: 8px;
    transition:
        opacity 0.15s ease,
        background 0.15s ease;
}

.pm-date-input:hover::-webkit-calendar-picker-indicator {
    opacity: 0.95;
    background: rgba(99, 102, 241, 0.12);
}

.mud-dark-theme .pm-date-input::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.15);
    opacity: 0.75;
}

.pm-date-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

.pm-date-input::-webkit-datetime-edit-text,
.pm-date-input::-webkit-datetime-edit-month-field,
.pm-date-input::-webkit-datetime-edit-day-field,
.pm-date-input::-webkit-datetime-edit-year-field {
    padding: 0 0.08rem;
}

.pm-input--with-suffix {
    border-radius: 12px 0 0 12px;
    border-right: none;
}

.pm-field__suffix-wrap {
    display: flex;
    align-items: stretch;
}

.pm-field__suffix {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 0 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--pmf-muted, #64748b);
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.12));
    border-left: none;
    border-radius: 0 12px 12px 0;
}

.mud-dark-theme .pm-field__suffix {
    background: rgba(99, 102, 241, 0.15);
}

.pm-divider {
    height: 1px;
    margin: 0.35rem 0;
    background: var(--pmf-border, rgba(15, 23, 42, 0.08));
    border: none;
}

.pm-form-subtitle {
    margin: 0.25rem 0 0 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--pmf-text, #0f172a);
}

.pm-multi-list {
    max-height: min(28vh, 220px);
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.1));
    border-radius: 12px;
    padding: 0.35rem 0;
    background: rgba(99, 102, 241, 0.03);
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.45) transparent;
}

.mud-dark-theme .pm-multi-list {
    background: rgba(0, 0, 0, 0.2);
}

.pm-multi-list::-webkit-scrollbar {
    width: 8px;
}

.pm-multi-list::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.45);
    border-radius: 999px;
}

.pm-multi-list__row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.65rem;
    font-size: 0.8125rem;
    color: var(--pmf-text, #0f172a);
    cursor: pointer;
    transition: background 0.12s ease;
}

.pm-multi-list__row:hover {
    background: rgba(99, 102, 241, 0.08);
}

.pm-multi-list__row input[type="checkbox"],
.pm-check__input {
    --pm-check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
    appearance: none;
    -webkit-appearance: none;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    flex-shrink: 0;
    border: 1.5px solid var(--pmf-border, rgba(15, 23, 42, 0.18));
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.7rem 0.7rem;
    cursor: pointer;
    vertical-align: middle;
    transition:
        background-color 0.18s ease,
        background-image 0.12s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.mud-dark-theme .pm-multi-list__row input[type="checkbox"],
.mud-dark-theme .pm-check__input {
    background-color: rgba(0, 0, 0, 0.28);
    border-color: rgba(255, 255, 255, 0.16);
}

.pm-multi-list__row input[type="checkbox"]:checked,
.pm-check__input:checked {
    background-color: #4f46e5;
    background-image: var(--pm-check-icon);
    border-color: #4f46e5;
    box-shadow: none;
}

.pm-multi-list__row input[type="checkbox"]:hover:not(:disabled),
.pm-check__input:hover:not(:disabled) {
    border-color: rgba(99, 102, 241, 0.55);
}

.pm-multi-list__row input[type="checkbox"]:focus-visible,
.pm-check__input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.28);
}

.pm-multi-list__row input[type="checkbox"]:disabled,
.pm-check__input:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.pm-check {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.15rem;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.pm-check__text {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--pmf-text, #0f172a);
}

.pm-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: var(--pmf-muted, #64748b);
    background: rgba(99, 102, 241, 0.08);
    transition: background 0.15s ease, color 0.15s ease;
}

.pm-icon-btn:hover {
    background: rgba(239, 68, 68, 0.15);
    color: #dc2626;
}

.pm-link-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.15rem;
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6366f1;
}

.pm-link-btn:hover {
    text-decoration: underline;
}

.pm-ss-modal__foot {
    position: relative;
    z-index: 0;
    padding: 0.85rem 1.1rem;
    border-top: 1px solid var(--pmf-border);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.pm-ss-detail-block {
    margin-bottom: 1.25rem;
}

.pm-ss-detail-block:last-child {
    margin-bottom: 0;
}

.pm-ss-detail-block__title {
    margin: 0 0 0.65rem 0;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pmf-muted);
}

.pm-rd {
    border-radius: 16px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    background: var(--pmf-surface, linear-gradient(145deg, #ffffff 0%, #f8fafc 100%));
    box-shadow: var(--pmf-shadow, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08));
    overflow: hidden;
}

.pm-rd__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
}

.pm-rd__head-left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.pm-rd__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--pmf-text, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-rd__icon-btn {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: var(--pmf-muted, #64748b);
    background: transparent;
    flex: 0 0 auto;
    transition: background 0.15s ease, color 0.15s ease;
}

.pm-rd__icon-btn:hover {
    background: rgba(99, 102, 241, 0.1);
    color: var(--pmf-text, #0f172a);
}

.pm-rd__icon {
    font-size: 1.05rem;
    font-weight: 900;
}

.pm-rd__status {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex: 0 0 auto;
}

.pm-rd__pill {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(15, 23, 42, 0.04);
    color: var(--pmf-muted, #64748b);
}

.pm-rd__pill--ok {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.22);
    color: #16a34a;
}

.mud-dark-theme .pm-rd__pill--ok {
    color: #86efac;
}

.pm-rd__pill--muted {
    background: rgba(15, 23, 42, 0.04);
    border-color: rgba(15, 23, 42, 0.08);
}

.pm-rd__block {
    padding: 0.95rem 1rem;
}

.pm-rd__dl dd {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.pm-rd__mono {
    font-variant-numeric: tabular-nums;
}

.pm-rd__copy {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    background: rgba(99, 102, 241, 0.08);
    color: #4f46e5;
    font-weight: 900;
}

.pm-rd__copy:hover {
    background: rgba(99, 102, 241, 0.14);
}

.pm-rd__info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

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

@media (max-width: 640px) {
    .pm-rd__info-grid {
        grid-template-columns: 1fr;
    }
}

.pm-rd__info-item {
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    background: rgba(255, 255, 255, 0.6);
}

.mud-dark-theme .pm-rd__info-item {
    background: rgba(0, 0, 0, 0.18);
}

.pm-rd__info-label {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
    margin-bottom: 0.35rem;
}

.pm-rd__info-value {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--pmf-text, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-rd__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

@media (max-width: 900px) {
    .pm-rd__cards {
        grid-template-columns: 1fr;
    }
}

.pm-rd__card {
    border-radius: 16px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    background: rgba(255, 255, 255, 0.72);
    overflow: hidden;
}

.mud-dark-theme .pm-rd__card {
    background: rgba(0, 0, 0, 0.16);
}

.pm-rd__card-head {
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.pm-rd__card-title {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--pmf-text, #0f172a);
}

.pm-rd__card-body {
    padding: 0.65rem 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.pm-rd__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.6rem;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.03);
}

.mud-dark-theme .pm-rd__row {
    background: rgba(255, 255, 255, 0.06);
}

.pm-rd__row-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--pmf-text, #0f172a);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-rd__row-value {
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--pmf-text, #0f172a);
    opacity: 0.9;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.pm-rd__switch {
    width: 46px;
    height: 26px;
    border-radius: 999px;
    border: 1px solid rgba(99, 102, 241, 0.28);
    background: rgba(99, 102, 241, 0.12);
    cursor: pointer;
    position: relative;
    flex: 0 0 auto;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.pm-rd__switch-dot {
    position: absolute;
    top: 50%;
    left: 4px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    transform: translateY(-50%);
    background: #6366f1;
    box-shadow: 0 6px 16px rgba(79, 70, 229, 0.25);
    transition: left 0.15s ease, background 0.15s ease;
}

.pm-rd__switch--on {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.28);
}

.pm-rd__switch--on .pm-rd__switch-dot {
    left: 24px;
    background: #22c55e;
}

.pm-rd__card-foot {
    padding: 0.85rem 0.95rem;
    border-top: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    display: flex;
    justify-content: flex-end;
}

.pm-rd__connected {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pm-rd__connected-label {
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
    margin-bottom: 0.4rem;
}

.pm-rd__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pm-rd__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(99, 102, 241, 0.18);
    background: rgba(99, 102, 241, 0.1);
    color: var(--pmf-text, #0f172a);
    font-weight: 800;
    font-size: 0.78rem;
}

.pm-rd__edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

@media (max-width: 900px) {
    .pm-rd__edit-grid {
        grid-template-columns: 1fr;
    }
}

.pm-rd__edit-item {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.pm-rd__edit-label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
}

.pm-rd__actions {
    padding: 0 1rem 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.pm-rd-sec {
    border-top: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
}

.pm-rd-sec__head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 1rem;
    background: rgba(15, 23, 42, 0.02);
    border: none;
    cursor: default;
    text-align: left;
    color: var(--pmf-text, #0f172a);
    border-bottom: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
}

.pm-rd-sec__kicker {
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
}

.pm-rd-sec__body {
    display: block;
}

.pm-rd-sec__inner {
    overflow: visible;
}

/* === TieredRatesEditor (pm-ss style) === */
.tiered-rates-card {
    padding: 0.9rem 1rem;
    border-radius: 16px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    background: rgba(255, 255, 255, 0.65);
}

.mud-dark-theme .tiered-rates-card {
    background: rgba(0, 0, 0, 0.16);
}

.tiered-rates-card__title {
    font-weight: 900;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pmf-text, #0f172a);
}

.tiered-rates-card__desc {
    margin: 0.5rem 0 0.75rem;
    font-size: 0.85rem;
    color: var(--pmf-muted, #64748b);
}

.pm-tiered__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.pm-tiered__tab {
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(99, 102, 241, 0.25);
    background: transparent;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--pmf-text, #0f172a);
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.pm-tiered__tab:hover {
    transform: translateY(-1px);
    background: rgba(99, 102, 241, 0.08);
}

.pm-tiered__tab--active {
    border-color: rgba(99, 102, 241, 0.55);
    background: rgba(99, 102, 241, 0.14);
    color: #4338ca;
}

.mud-dark-theme .pm-tiered__tab--active {
    color: #c7d2fe;
}

.pm-tiered__hint {
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--pmf-muted, #64748b);
    margin-bottom: 0.75rem;
}

.pm-tiered__table-wrap {
    overflow: auto;
    border-radius: 14px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
}

.pm-tiered__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.pm-tiered__table thead th {
    text-align: left;
    padding: 0.6rem 0.7rem;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
    background: rgba(15, 23, 42, 0.03);
    border-bottom: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
}

.mud-dark-theme .pm-tiered__table thead th {
    background: rgba(255, 255, 255, 0.06);
}

.pm-tiered__table tbody td {
    padding: 0.45rem 0.7rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    vertical-align: middle;
}

.pm-tiered__input {
    min-height: 2.3rem;
}

.pm-tiered__iconbtn {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.08);
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}

.pm-tiered__iconbtn:hover {
    background: rgba(99, 102, 241, 0.14);
}

.pm-tiered__iconbtn:active {
    transform: scale(0.96);
}

.pm-tiered__add {
    margin-top: 0.75rem;
    width: 100%;
    justify-content: center;
}

.pm-rd__modal {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pm-rd__modal-field {
    padding: 0.65rem 0.75rem;
    border-radius: 14px;
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.08));
    background: rgba(15, 23, 42, 0.02);
}

.mud-dark-theme .pm-rd__modal-field {
    background: rgba(255, 255, 255, 0.06);
}

.pm-ss-dl {
    margin: 0;
}

.pm-ss-dl__row {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 0.5rem 1rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--pmf-border);
    font-size: 0.875rem;
}

.pm-ss-dl__row:last-child {
    border-bottom: none;
}

.pm-ss-dl__row dt {
    margin: 0;
    color: var(--pmf-muted);
    font-weight: 600;
}

.pm-ss-dl__row dd {
    margin: 0;
    color: var(--pmf-text);
    word-break: break-word;
}

@media (max-width: 520px) {
    .pm-ss-dl__row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1000px) {
    .pm-page-shell,
    .pm-failed-page {
        max-width: 100%;
        padding-bottom: 2rem;
        margin-top: 0rem;
    }
}

.pm-ss-code {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    font-size: 0.75rem;
    line-height: 1.45;
    overflow-x: auto;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid var(--pmf-border);
    color: var(--pmf-text);
}

.mud-dark-theme .pm-ss-code {
    background: rgba(0, 0, 0, 0.35);
}

.pm-ss-tr--open {
    background: rgba(59, 130, 246, 0.06);
}

.pm-ss-provider-expand td {
    padding-top: 0;
    border-top: none;
    vertical-align: top;
}

.pm-ss-provider-expand__inner {
    padding: 0.75rem 1rem 1rem 1.75rem;
    border-left: 3px solid var(--pmf-border, #cbd5e1);
    margin: 0 0 0.5rem 0;
}

.pm-ss-detail-field {
    margin-bottom: 1rem;
}

.pm-ss-detail-field:last-child {
    margin-bottom: 0;
}

.pm-ss-detail-field__label {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--pmf-muted, #64748b);
    margin-bottom: 0.35rem;
}

.pm-ss-provider-expand__pre {
    white-space: pre-wrap;
    word-break: break-word;
    max-height: min(48vh, 28rem);
    overflow: auto;
}

/* Статистика: KPI ряд */
.pm-failed-kpi-row {
    margin-bottom: 1.25rem;
}

.pm-failed-kpi-row .simple-stats {
    max-width: none;
    flex: 1 1 220px;
}

/* Панели графиков / таблиц */
.pm-failed-stats {
    max-width: 100%;
}

.pm-failed-stats__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.pm-failed-stats__filter-field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: min(100%, 220px);
}

.pm-failed-stats__filters-label {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--pmf-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pm-failed-stats__period-text {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--pmf-text);
}

.pm-failed-stats__ratio-hint {
    margin: 0 0 1rem 0;
    font-size: 0.82rem;
    line-height: 1.45;
}

.pm-failed-stats__dd {
    width: 100%;
    max-width: 320px;
}

/* Неудачные платежи: пояснение выдачи реквизитов */
.pm-failed-explain {
    border: 1px solid var(--pmf-border, rgba(15, 23, 42, 0.1));
    border-radius: 12px;
    padding: 0.85rem 1rem;
    background: rgba(99, 102, 241, 0.06);
}

.mud-dark-theme .pm-failed-explain {
    background: rgba(99, 102, 241, 0.1);
}

.pm-failed-explain__lead {
    margin: 0 0 0.65rem 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--pmf-text, #0f172a);
}

.pm-failed-explain__hint {
    margin: 0 0 0.4rem 0;
    font-size: 0.78rem;
    line-height: 1.45;
}

.pm-failed-explain__list {
    margin: 0 0 0.5rem 1rem;
    padding: 0;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--pmf-text, #0f172a);
}

.pm-failed-explain__list li {
    margin-bottom: 0.25rem;
}

.pm-failed-explain__tech {
    margin: 0.5rem 0 0 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--pmf-muted, #64748b);
    word-break: break-word;
}

.pm-failed-explain__tech-label {
    display: inline-block;
    margin-right: 0.35rem;
    font-weight: 700;
    color: var(--pmf-text, #0f172a);
}

.pm-failed-explain-cell {
    max-width: min(260px, 32vw);
    font-size: 0.78rem;
    line-height: 1.35;
    vertical-align: top;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pm-failed-detail-skips__note {
    margin: 0 0 0.65rem 0;
    font-size: 0.8rem;
    line-height: 1.45;
}

.pm-failed-detail-skips__summary {
    margin: 0 0 0.75rem 0;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--pmf-text, #0f172a);
}

.pm-failed-charts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pm-ss-panel {
    background: var(--pmf-surface);
    border: 1px solid var(--pmf-border);
    border-radius: 14px;
    box-shadow: var(--pmf-shadow);
    padding: 1rem 1.1rem;
}

.pm-ss-panel--table {
    padding-bottom: 0.5rem;
}

.pm-ss-panel__title {
    margin: 0 0 0.85rem 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--pmf-text);
    letter-spacing: -0.02em;
}

/* Горизонтальные бары */
.pm-failed-bars {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pm-failed-bars__row {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0.65rem;
    align-items: center;
}

.pm-failed-bars__label {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--pmf-muted);
    font-variant-numeric: tabular-nums;
}

.pm-failed-bars__track {
    height: 28px;
    border-radius: 8px;
    background: rgba(99, 102, 241, 0.08);
    overflow: hidden;
}

.mud-dark-theme .pm-failed-bars__track {
    background: rgba(255, 255, 255, 0.06);
}

.pm-failed-bars__fill {
    height: 100%;
    min-width: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, #6366f1 0%, #818cf8 100%);
    border-radius: 8px;
    transition: width 0.25s ease;
}

/* Легенда типов */
.pm-failed-legend {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pm-failed-legend__item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.8125rem;
    color: var(--pmf-text);
}

.pm-failed-legend__dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex-shrink: 0;
    background: #6366f1;
}

.pm-failed-legend__dot--card {
    background: #4f46e5;
}

.pm-failed-legend__dot--sbp {
    background: #059669;
}

.pm-failed-legend__dot--bill {
    background: #d97706;
}

.pm-failed-legend__dot--other {
    background: #64748b;
}

.pm-failed-legend__text {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
}

.pm-failed-legend__meta {
    font-variant-numeric: tabular-nums;
    color: var(--pmf-muted);
    font-size: 0.78rem;
}

/* Прогресс провайдеров */
.pm-failed-progress {
    height: 22px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    overflow: hidden;
    min-width: 72px;
}

.mud-dark-theme .pm-failed-progress {
    background: rgba(255, 255, 255, 0.08);
}

.pm-failed-progress__fill {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
    border-radius: 999px;
    min-width: 2rem;
}

/* Блокирующее окно страхового депозита (трейдер) */
.pm-insurance-gate {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    pointer-events: auto;
}

.pm-insurance-gate__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 14, 26, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.mud-dark-theme .pm-insurance-gate__backdrop {
    background: rgba(0, 0, 0, 0.65);
}

.pm-insurance-gate__panel {
    position: relative;
    z-index: 1;
    width: min(520px, 100%);
    max-height: min(92vh, 720px);
    overflow: auto;
    border-radius: 18px;
    border: 1px solid var(--pmf-border, rgba(148, 163, 184, 0.35));
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.86));
    box-shadow:
        0 24px 80px rgba(15, 23, 42, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.35) inset;
    padding: 1.35rem 1.35rem 1.15rem;
}

.mud-dark-theme .pm-insurance-gate__panel {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.92));
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

.pm-insurance-gate__head {
    margin-bottom: 1rem;
}

.pm-insurance-gate__kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pmf-muted, #64748b);
    margin-bottom: 0.35rem;
}

.pm-insurance-gate__title {
    margin: 0 0 0.5rem;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--pmf-text, #0f172a);
}

.mud-dark-theme .pm-insurance-gate__title {
    color: var(--pmf-text, #f1f5f9);
}

.pm-insurance-gate__lead {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--pmf-muted, #475569);
}

.pm-insurance-gate__accent {
    color: var(--pmf-accent, #2563eb);
}

.pm-insurance-gate__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    margin-bottom: 1rem;
}

@media (max-width: 520px) {
    .pm-insurance-gate__grid {
        grid-template-columns: 1fr;
    }
}

.pm-insurance-gate__card {
    border-radius: 14px;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(255, 255, 255, 0.55);
}

.mud-dark-theme .pm-insurance-gate__card {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.18);
}

.pm-insurance-gate__card-label {
    font-size: 0.72rem;
    color: var(--pmf-muted, #64748b);
    margin-bottom: 0.25rem;
}

.pm-insurance-gate__card-value {
    font-size: 1.05rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--pmf-text, #0f172a);
}

.mud-dark-theme .pm-insurance-gate__card-value {
    color: var(--pmf-text, #e2e8f0);
}

.pm-insurance-gate__wallet-block {
    border-radius: 14px;
    padding: 0.85rem 0.95rem;
    margin-bottom: 0.85rem;
    border: 1px dashed rgba(37, 99, 235, 0.45);
    background: rgba(37, 99, 235, 0.06);
}

.pm-insurance-gate__wallet-label {
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.45rem;
    color: var(--pmf-text, #0f172a);
}

.pm-insurance-gate__wallet-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.pm-insurance-gate__addr {
    flex: 1 1 220px;
    min-width: 0;
    word-break: break-all;
    font-size: 0.78rem;
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.06);
    color: var(--pmf-text, #0f172a);
}

.mud-dark-theme .pm-insurance-gate__addr {
    background: rgba(255, 255, 255, 0.06);
    color: var(--pmf-text, #f1f5f9);
}

.pm-insurance-gate__addr-sm {
    font-size: 0.72rem;
    word-break: break-all;
}

.pm-insurance-gate__wallet-note {
    margin-top: 0.55rem;
    font-size: 0.72rem;
    color: var(--pmf-muted, #64748b);
    line-height: 1.45;
}

.pm-insurance-gate__copy {
    flex-shrink: 0;
}

.pm-insurance-gate__qr-wrap {
    display: flex;
    justify-content: center;
    margin: 0.35rem 0 0.75rem;
}

.pm-insurance-gate__qr {
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
}

.pm-insurance-gate__wait {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--pmf-muted, #64748b);
    padding-top: 0.25rem;
}

.pm-insurance-gate__spinner {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid rgba(37, 99, 235, 0.25);
    border-top-color: rgba(37, 99, 235, 0.95);
    animation: pm-insurance-spin 0.85s linear infinite;
}

@keyframes pm-insurance-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pm-insurance-gate__spinner {
        animation: none;
        border-top-color: rgba(37, 99, 235, 0.45);
    }
}

/* ——— HTML-модалка выбора курса (без MudDialog) ——— */
.pm-spot-modal {
    position: fixed;
    inset: 0;
    z-index: 2147482990;
    display: grid;
    place-items: center;
    padding: 1rem;
    pointer-events: auto;
}

.pm-spot-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

.mud-dark-theme .pm-spot-modal__backdrop {
    background: rgba(0, 0, 0, 0.55);
}

.pm-spot-modal__panel {
    position: relative;
    z-index: 1;
    width: min(520px, 100%);
    max-height: min(86vh, 720px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75) inset,
        0 24px 64px -12px rgba(15, 23, 42, 0.22);
}

.mud-dark-theme .pm-spot-modal__panel {
    border-color: rgba(255, 255, 255, 0.1);
    background: linear-gradient(165deg, #2c2c31 0%, #222226 50%, #18181c 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 28px 72px rgba(0, 0, 0, 0.55);
}

.pm-spot-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.1rem 1.1rem 0.75rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
}

.mud-dark-theme .pm-spot-modal__head {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.pm-spot-modal__kicker {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.mud-dark-theme .pm-spot-modal__kicker {
    color: #94a3b8;
}

.pm-spot-modal__title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.mud-dark-theme .pm-spot-modal__title {
    color: #f1f5f9;
}

.pm-spot-modal__lead {
    margin: 0.45rem 0 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: #64748b;
    max-width: 42rem;
}

.mud-dark-theme .pm-spot-modal__lead {
    color: #94a3b8;
}

.pm-spot-modal__close {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 11px;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    color: #475569;
    background: rgba(99, 102, 241, 0.08);
    transition: background 0.18s ease, transform 0.15s ease;
}

.pm-spot-modal__close:hover {
    background: rgba(99, 102, 241, 0.15);
    transform: scale(1.04);
}

.mud-dark-theme .pm-spot-modal__close {
    color: #e2e8f0;
    background: rgba(129, 140, 248, 0.12);
}

.pm-spot-modal__body {
    padding: 0.85rem 1rem 1.1rem;
    overflow-y: auto;
    min-height: 0;
}

.pm-spot-modal__loading,
.pm-spot-modal__err {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 1.5rem 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #64748b;
}

.pm-spot-modal__err {
    color: #b91c1c;
}

.mud-dark-theme .pm-spot-modal__err {
    color: #fca5a5;
}

.pm-spot-modal__spinner {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(99, 102, 241, 0.25);
    border-top-color: rgba(99, 102, 241, 0.95);
    animation: pm-insurance-spin 0.85s linear infinite;
}

.pm-spot-modal__grid {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.pm-spot-modal__venue {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.pm-spot-modal__venue + .pm-spot-modal__venue {
    margin-top: 0.35rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(148, 163, 184, 0.28);
}

.mud-dark-theme .pm-spot-modal__venue + .pm-spot-modal__venue {
    border-top-color: rgba(148, 163, 184, 0.18);
}

.pm-spot-modal__venue-title {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.95);
    margin: 0.15rem 0 0.05rem;
}

.mud-dark-theme .pm-spot-modal__venue-title {
    color: rgba(203, 213, 225, 0.92);
}

.pm-spot-modal__rapira-default {
    margin-top: 0.35rem;
    align-self: flex-start;
    padding: 0.35rem 0.65rem;
    font-size: 0.8125rem;
    color: rgb(71, 85, 105);
    background: transparent;
    border: 1px dashed rgba(148, 163, 184, 0.55);
    border-radius: 0.55rem;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.pm-spot-modal__rapira-default:hover {
    border-color: rgba(99, 102, 241, 0.45);
    color: rgb(51, 65, 85);
}

.mud-dark-theme .pm-spot-modal__rapira-default {
    color: rgb(148, 163, 184);
    border-color: rgba(148, 163, 184, 0.35);
}

.mud-dark-theme .pm-spot-modal__rapira-default:hover {
    color: rgb(226, 232, 240);
    border-color: rgba(129, 140, 248, 0.45);
}

button.pm-spot-modal__pick.simple-stats {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    text-align: left;
    cursor: pointer;
    border: 1px solid transparent;
    font: inherit;
    appearance: none;
    transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

button.pm-spot-modal__pick.simple-stats:hover:not(:disabled) {
    transform: translateY(-1px);
}

button.pm-spot-modal__pick.simple-stats:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.pm-spot-modal__pick--active {
    border-color: rgba(99, 102, 241, 0.45) !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        0 0 0 2px rgba(99, 102, 241, 0.25) !important;
}

.mud-dark-theme .pm-spot-modal__pick--active {
    border-color: rgba(129, 140, 248, 0.45) !important;
    box-shadow:
        0 0 0 2px rgba(129, 140, 248, 0.28) !important;
}

.pm-spot-modal__ico-txt {
    font-weight: 800;
    font-size: 0.85rem;
    letter-spacing: -0.02em;
}

button.pm-drawer-course.pm-drawer-course--btn {
    font: inherit;
    text-align: left;
    cursor: pointer;
    width: 100%;
    appearance: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

button.pm-drawer-course.pm-drawer-course--btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px -4px rgba(15, 23, 42, 0.1);
}

.mud-dark-theme button.pm-drawer-course.pm-drawer-course--btn {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Invoice callback logs modal (SimpleStats summary + expandable entries) */
.pm-callback-logs__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pm-callback-logs__list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: min(60vh, 520px);
    overflow-y: auto;
}

.pm-callback-logs__item {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: var(--pm-surface, #fff);
    overflow: hidden;
}

.pm-callback-logs__item--open {
    border-color: rgba(99, 102, 241, 0.35);
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.12);
}

.pm-callback-logs__head {
    display: grid;
    grid-template-columns: auto auto auto 1fr auto;
    align-items: center;
    gap: 0.5rem 0.75rem;
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
}

.pm-callback-logs__head:hover {
    background: rgba(99, 102, 241, 0.06);
}

.pm-callback-logs__chevron {
    font-size: 0.7rem;
    opacity: 0.7;
}

.pm-callback-logs__time {
    font-size: 0.82rem;
    white-space: nowrap;
}

.pm-callback-logs__url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    opacity: 0.85;
}

.pm-callback-logs__dur {
    font-size: 0.78rem;
    white-space: nowrap;
}

.pm-callback-logs__body {
    padding: 0 0.85rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.pm-callback-logs__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.82rem;
}

.pm-callback-logs__url-full {
    word-break: break-all;
    font-size: 0.8rem;
}

.mud-dark-theme .pm-callback-logs__item {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.mud-dark-theme .pm-callback-logs__head:hover {
    background: rgba(129, 140, 248, 0.1);
}

/* Partners — кастомные карточки (SimpleStats) */
.pm-partners-tabs {
    margin-bottom: 1rem;
}

.pm-partners-grid {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.pm-partners-grid .grid-item {
    min-width: 0;
}

.pm-partners-empty {
    grid-column: 1 / -1;
}

.pm-partner-card {
    --pc-border: rgba(15, 23, 42, 0.08);
    --pc-surface: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--pc-border);
    background: var(--pc-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08);
    min-width: 0;
}

.pm-partner-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
}

.pm-partner-card__identity {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    flex: 1;
}

.pm-partner-card__avatar {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, #0d9488 14%, transparent);
    color: #0d9488;
}

.pm-partner-card__avatar-letter {
    font-weight: 800;
    font-size: 1rem;
}

.pm-partner-card__title-wrap {
    min-width: 0;
    flex: 1;
}

.pm-partner-card__title-btn {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    text-align: left;
}

.pm-partner-card__login {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pm-partner-card__title-btn:hover .pm-partner-card__login {
    color: #4f46e5;
}

.pm-partner-card__id {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin-top: 0.15rem;
    min-width: 0;
}

.pm-partner-card__id code {
    font-size: 0.68rem;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.pm-partner-card__copy {
    flex-shrink: 0;
    border: 0;
    background: none;
    cursor: pointer;
    opacity: 0.5;
    padding: 0;
    font-size: 0.8rem;
    line-height: 1;
}

.pm-partner-card__copy:hover {
    opacity: 1;
}

.pm-partner-card__status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    flex-shrink: 0;
}

/* Блоки метрик — явные отступы (тени SimpleStats иначе «съедают» gap) */
.pm-partner-card__stats-block {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.pm-partner-card__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.65rem;
    row-gap: 0.65rem;
}

.pm-partner-card__stats .simple-stats,
.pm-partner-card__stat-wide .simple-stats {
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    text-wrap: wrap;
    padding: 0.55rem 0.65rem;
    gap: 0.55rem;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.pm-partner-card__stats .simple-stats:hover,
.pm-partner-card__stat-wide .simple-stats:hover {
    transform: none;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.pm-partner-card__stats .simple-stats__icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 9px;
}

.pm-partner-card__stats .simple-stats__svg {
    width: 18px;
    height: 18px;
}

.pm-partner-card__stats .simple-stats__label {
    font-size: 0.62rem;
    white-space: normal;
    line-height: 1.2;
}

.pm-partner-card__stats .simple-stats__data {
    font-size: 0.92rem;
    line-height: 1.25;
    word-break: break-word;
}

.pm-partner-card__stat-wide {
    grid-column: 1 / -1;
}

.pm-partner-card__stat-wide .simple-stats__data {
    font-size: 0.88rem;
}

.pm-partner-card__rates {
    border-top: 1px solid var(--pc-border);
    padding-top: 0.65rem;
}

.pm-partner-card__rates-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.pm-partner-card__rates-panel {
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    border: 1px solid var(--pc-border);
    background: rgba(255, 255, 255, 0.65);
}

.pm-partner-card__rates-panel--in {
    border-color: color-mix(in srgb, #059669 22%, var(--pc-border));
    background: color-mix(in srgb, #059669 5%, #fff);
}

.pm-partner-card__rates-panel--out {
    border-color: color-mix(in srgb, #d97706 22%, var(--pc-border));
    background: color-mix(in srgb, #d97706 5%, #fff);
}

.pm-partner-card__rates-kicker {
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
}

.pm-partner-card__rates-panel--in .pm-partner-card__rates-kicker {
    color: #059669;
}

.pm-partner-card__rates-panel--out .pm-partner-card__rates-kicker {
    color: #d97706;
}

.pm-partner-card__rate-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.pm-partner-card__rate-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.76rem;
    color: #64748b;
}

.pm-partner-card__rate-list strong {
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    font-size: 0.78rem;
}

.pm-partner-card__foot {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.15rem;
}

.pm-partner-card__btn-main {
    width: 100%;
    justify-content: center;
}

.pm-partner-card__foot-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

.pm-partner-card__foot-row .pm-ss-btn {
    width: 100%;
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.8rem;
}

/* Модалка «Подробнее» */
.pm-partner-detail {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pm-partner-detail__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.65rem;
    row-gap: 0.65rem;
}

.pm-partner-detail__stats .simple-stats {
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    text-wrap: wrap;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.pm-partner-detail__stats .simple-stats:hover {
    transform: none;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.pm-partner-detail__edit {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pm-partner-detail__balance {
    max-width: 280px;
}

.pm-partner-detail__panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.pm-partner-detail__panel {
    padding: 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #f8fafc;
}

.pm-partner-detail__panel--in {
    border-color: color-mix(in srgb, #059669 25%, rgba(15, 23, 42, 0.08));
}

.pm-partner-detail__panel--out {
    border-color: color-mix(in srgb, #d97706 25%, rgba(15, 23, 42, 0.08));
}

.pm-partner-detail__panel-title {
    margin: 0 0 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pm-partner-detail__panel--in .pm-partner-detail__panel-title {
    color: #059669;
}

.pm-partner-detail__panel--out .pm-partner-detail__panel-title {
    color: #d97706;
}

.pm-partner-detail__fields {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pm-partner-detail__fields .pm-field {
    margin: 0;
}

.pm-partner-detail__section-title {
    margin: 0 0 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
}

.pm-partner-detail__network {
    padding-top: 0.75rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.pm-partner-detail__group {
    margin-bottom: 0.65rem;
}

.pm-partner-detail__group-label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.35rem;
}

@media (max-width: 640px) {
    .pm-partners-grid {
        grid-template-columns: 1fr;
    }

    .pm-partner-card__rates-panels,
    .pm-partner-detail__panels,
    .pm-partner-detail__stats {
        grid-template-columns: 1fr;
    }

    .pm-partner-detail__balance {
        max-width: none;
    }
}

.mud-dark-theme .pm-partner-card {
    --pc-border: rgba(255, 255, 255, 0.09);
    --pc-surface: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
}

.mud-dark-theme .pm-partner-card__login {
    color: #f1f5f9;
}

.mud-dark-theme .pm-partner-card__rates-panel {
    background: rgba(255, 255, 255, 0.03);
}

.mud-dark-theme .pm-partner-card__rate-list strong {
    color: #f1f5f9;
}

.mud-dark-theme .pm-partner-detail__panel {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.09);
}

.mud-dark-theme .pm-partner-detail__network {
    border-top-color: rgba(255, 255, 255, 0.09);
}

/* Wallets — страница и карточки (SimpleStats) */
.pm-wallets-ss__types {
    flex-shrink: 0;
}

.pm-wallets-ss__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1rem;
}

.pm-wallets-ss__empty.simple-stats {
    max-width: none;
    width: 100%;
    min-height: 120px;
}

.pm-wallet-card {
    --wc-border: rgba(15, 23, 42, 0.08);
    --wc-surface: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--wc-border);
    background: var(--wc-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.08);
    min-width: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.pm-wallet-card:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04);
}

.pm-wallet-card--archived {
    opacity: 0.82;
    border-style: dashed;
}

.pm-wallet-card--provider {
    border-left: 4px solid #0d9488;
}

.pm-wallet-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
}

.pm-wallet-card__identity {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    flex: 1;
}

.pm-wallet-card__avatar {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, #7c3aed 14%, transparent);
    color: #7c3aed;
}

.pm-wallet-card__avatar--provider {
    background: color-mix(in srgb, #0d9488 14%, transparent);
    color: #0d9488;
}

.pm-wallet-card__avatar-letter {
    font-weight: 800;
    font-size: 1rem;
}

.pm-wallet-card__title-wrap {
    min-width: 0;
    flex: 1;
}

.pm-wallet-card__login {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pm-wallet-card__id {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin-top: 0.15rem;
    min-width: 0;
}

.pm-wallet-card__id code {
    font-size: 0.68rem;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.pm-wallet-card__status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    flex-shrink: 0;
}

.pm-wallet-card__stats-block {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.pm-wallet-card__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.65rem;
    row-gap: 0.65rem;
}

.pm-wallet-card__stats .simple-stats,
.pm-wallet-card__stat-wide .simple-stats {
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    text-wrap: wrap;
    padding: 0.55rem 0.65rem;
    gap: 0.55rem;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.pm-wallet-card__stats .simple-stats:hover,
.pm-wallet-card__stat-wide .simple-stats:hover {
    transform: none;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.pm-wallet-card__stats .simple-stats__icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 9px;
}

.pm-wallet-card__stats .simple-stats__svg {
    width: 18px;
    height: 18px;
}

.pm-wallet-card__stats .simple-stats__label {
    font-size: 0.62rem;
    white-space: normal;
    line-height: 1.2;
}

.pm-wallet-card__stats .simple-stats__data {
    font-size: 0.92rem;
    line-height: 1.25;
    word-break: break-word;
}

.pm-wallet-card__stat-wide {
    grid-column: 1 / -1;
}

.pm-wallet-card__stat-wide .simple-stats__data {
    font-size: 0.88rem;
}

.pm-wallet-card__foot {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.15rem;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}

.pm-wallet-card__action-row {
    display: grid;
    grid-template-columns: minmax(72px, 1fr) auto auto;
    align-items: center;
    gap: 0.35rem;
}

.pm-wallet-card__action-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.pm-wallet-card__action-row .pm-ss-btn {
    min-width: 2.25rem;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
    justify-content: center;
}

.pm-wallet-card__foot-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

.pm-wallet-card__foot-row .pm-ss-btn {
    width: 100%;
    justify-content: center;
    font-size: 0.8rem;
}

.pm-wallet-card__btn-main {
    width: 100%;
    justify-content: center;
}

@media (max-width: 640px) {
    .pm-wallets-ss__grid {
        grid-template-columns: 1fr;
    }

    .wallet-list {
        grid-template-columns: 1fr;
    }

    .pm-wallet-card__foot-row {
        grid-template-columns: 1fr;
    }
}

.mud-dark-theme .pm-wallet-card {
    --wc-border: rgba(255, 255, 255, 0.09);
    --wc-surface: linear-gradient(155deg, rgba(38, 38, 42, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%);
}

.mud-dark-theme .pm-wallet-card__login {
    color: #f1f5f9;
}

.mud-dark-theme .pm-wallet-card__foot {
    border-top-color: rgba(255, 255, 255, 0.09);
}

.mud-dark-theme .pm-wallet-card__action-label {
    color: #94a3b8;
}

/* ——— Кабинеты мерчанта / группы кабинетов (каркас SimpleStats) ——— */
.pm-merchant-cabinets-ss,
.pm-merchant-groups-ss {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pm-merchant-cabinets-ss .pm-withdraws-ss__kpis,
.pm-merchant-groups-ss .pm-withdraws-ss__kpis {
    margin-bottom: 1.35rem;
}

.pm-merchant-cabinets-ss__card--current.pm-withdraws-ss__card {
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        0 0 0 2px rgba(99, 102, 241, 0.35) !important;
}

.mud-dark-theme .pm-merchant-cabinets-ss__card--current.pm-withdraws-ss__card {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 0 0 2px rgba(99, 102, 241, 0.45) !important;
}

.pm-merchant-cabinets-ss__side-stats {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    flex: 0 1 200px;
    min-width: min(100%, 200px);
}

.pm-merchant-cabinets-ss__side-stats .simple-stats {
    max-width: none;
    min-width: 0;
    width: 100%;
}

.pm-merchant-groups-ss__select-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1 200px;
    max-width: min(100%, 280px);
}

.pm-merchant-groups-ss__select-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ss-label, #64748b);
}

.pm-merchant-groups-ss__dd.pm-dropdown,
.pm-withdraw__cabinet-dd.pm-dropdown {
    width: 100%;
}

.pm-withdraw__cabinet-dd .pm-dropdown__trigger {
    border-radius: 12px;
}

.pm-merchant-groups-ss__card-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}


@media (max-width: 900px) {
    .pm-merchant-cabinets-ss__side-stats {
        flex: 1 1 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .pm-merchant-cabinets-ss__side-stats .simple-stats {
        flex: 1 1 min(100%, 200px);
    }
}