/* Platform v6: full visual shell replacement. Loaded last in head. */

body.platform-shell-v6 {
    --platform-rail: 292px;
    --platform-rail-compact: 86px;
    --platform-max: 1540px;
    --platform-bg: #080b10;
    --platform-bg-2: #0d1118;
    --platform-panel: #111821;
    --platform-panel-2: #151e29;
    --platform-panel-3: #1a2532;
    --platform-ink: #f5f7fb;
    --platform-text: #d7deea;
    --platform-muted: #8c98aa;
    --platform-line: rgba(206, 217, 232, 0.12);
    --platform-line-2: rgba(206, 217, 232, 0.2);
    --platform-accent: var(--neon-cyan, #c47b3c);
    --platform-accent-2: var(--brand-secondary, #6d8cff);
    --platform-success: #33d17a;
    --platform-warning: #f5b84b;
    --platform-danger: #ff6b6b;
    --platform-radius: 8px;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    background:
        linear-gradient(120deg, rgba(196, 123, 60, 0.08), transparent 28%),
        linear-gradient(260deg, rgba(92, 112, 255, 0.07), transparent 28%),
        linear-gradient(180deg, var(--platform-bg) 0%, #0a0f16 46%, #090b10 100%) !important;
    color: var(--platform-text) !important;
}

body.platform-shell-v6::before,
body.platform-shell-v6::after {
    content: none !important;
    display: none !important;
}

body.platform-shell-v6 .app-layout {
    display: block !important;
    min-height: 100vh !important;
    background: transparent !important;
}

/* Shell */
body.platform-shell-v6 .sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: var(--platform-rail) !important;
    height: 100vh !important;
    min-height: 100vh !important;
    padding: 18px 14px !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 14px !important;
    overflow: hidden !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background:
        linear-gradient(180deg, rgba(17, 24, 33, 0.98), rgba(9, 13, 19, 0.98)) !important;
    border-right: 1px solid var(--platform-line-2) !important;
    box-shadow: 20px 0 54px rgba(0, 0, 0, 0.42) !important;
    z-index: 9000 !important;
}

body.platform-shell-v6 .sidebar::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 5px !important;
    height: auto !important;
    background: linear-gradient(180deg, var(--platform-accent), var(--platform-accent-2), transparent 82%) !important;
    opacity: 0.92 !important;
}

body.platform-shell-v6 .sidebar-header {
    position: relative !important;
    min-height: 76px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 12px 14px 16px !important;
    border: 1px solid var(--platform-line) !important;
    border-radius: var(--platform-radius) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 .sidebar-header h1 {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    color: var(--platform-ink) !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
}

body.platform-shell-v6 .sidebar-header h1::before {
    content: "Platform" !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    color: var(--platform-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

body.platform-shell-v6 .sidebar-header h1::after {
    content: "" !important;
    display: block !important;
    width: 42px !important;
    height: 2px !important;
    margin-top: 8px !important;
    border-radius: 999px !important;
    background: var(--platform-accent) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 .sidebar-toggle {
    position: static !important;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    flex: 0 0 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 1px solid var(--platform-line) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--platform-text) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.platform-shell-v6 .sidebar-toggle:hover {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: var(--platform-line-2) !important;
}

body.platform-shell-v6 .sidebar-nav {
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding: 4px 2px 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(206, 217, 232, 0.18) transparent !important;
}

body.platform-shell-v6 .nav-item-dropdown {
    position: relative !important;
}

body.platform-shell-v6 .nav-item,
body.platform-shell-v6 .nav-item-parent,
body.platform-shell-v6 .nav-subitem {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E");
    min-height: 42px !important;
    height: auto !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #aeb8c8 !important;
    font-size: 0.86rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: normal !important;
    box-shadow: none !important;
    transform: none !important;
}

body.platform-shell-v6 .nav-item::before,
body.platform-shell-v6 .nav-item-parent::before,
body.platform-shell-v6 .nav-subitem::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    opacity: 0.72 !important;
    background: currentColor !important;
    -webkit-mask: var(--nav-icon) center / contain no-repeat !important;
    mask: var(--nav-icon) center / contain no-repeat !important;
}

body.platform-shell-v6 .nav-item[href*="users"],
body.platform-shell-v6 .nav-item[href*="merchants"],
body.platform-shell-v6 .nav-item[href*="traders"],
body.platform-shell-v6 .nav-item[href*="providers"],
body.platform-shell-v6 .nav-item[href*="teams"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

body.platform-shell-v6 .nav-item[href*="payment-details"],
body.platform-shell-v6 .nav-item[href*="wallet"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
}

body.platform-shell-v6 .nav-item[href*="stats"],
body.platform-shell-v6 .nav-item[href*="finances"],
body.platform-shell-v6 .nav-item[href*="accounting"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9M13 17v-5M8 17v-3'/%3E%3C/svg%3E");
}

body.platform-shell-v6 .nav-item[href*="appeal"],
body.platform-shell-v6 .nav-item[href*="notifications"],
body.platform-shell-v6 .nav-item[href*="logs"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

body.platform-shell-v6 .nav-item[href*="exchange"],
body.platform-shell-v6 .nav-item[href*="currency"],
body.platform-shell-v6 .nav-item[href*="swap"],
body.platform-shell-v6 .nav-item[href*="settlement"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h12'/%3E%3Cpath d='M13 3l4 4-4 4'/%3E%3Cpath d='M20 17H8'/%3E%3Cpath d='M11 13l-4 4 4 4'/%3E%3C/svg%3E");
}

body.platform-shell-v6 .nav-item:hover,
body.platform-shell-v6 .nav-item-parent:hover,
body.platform-shell-v6 .nav-subitem:hover {
    color: var(--platform-ink) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--platform-line) !important;
}

body.platform-shell-v6 .nav-item.active,
body.platform-shell-v6 .nav-item-dropdown.active > .nav-item-parent,
body.platform-shell-v6 .nav-subitem.active {
    color: var(--platform-ink) !important;
    background: linear-gradient(135deg, rgba(196, 123, 60, 0.2), rgba(255, 255, 255, 0.055)) !important;
    border-color: color-mix(in srgb, var(--platform-accent) 42%, transparent) !important;
    box-shadow: inset 3px 0 0 var(--platform-accent) !important;
}

body.platform-shell-v6 .nav-item.active::before,
body.platform-shell-v6 .nav-item-dropdown.active > .nav-item-parent::before,
body.platform-shell-v6 .nav-subitem.active::before {
    opacity: 1 !important;
    color: var(--platform-accent) !important;
}

body.platform-shell-v6 .dropdown-arrow {
    margin-left: auto !important;
    opacity: 0.62 !important;
    transform: rotate(0deg) !important;
}

body.platform-shell-v6 .nav-item-dropdown.open > .nav-item-parent .dropdown-arrow,
body.platform-shell-v6 .nav-item-dropdown:hover > .nav-item-parent .dropdown-arrow {
    transform: rotate(90deg) !important;
}

body.platform-shell-v6 .nav-submenu {
    position: static !important;
    display: none !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 5px 0 7px 29px !important;
    padding: 4px 0 4px 10px !important;
    border-left: 1px solid var(--platform-line-2) !important;
    border-radius: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.platform-shell-v6 .nav-item-dropdown.open > .nav-submenu,
body.platform-shell-v6 .nav-item-dropdown:hover > .nav-submenu,
body.platform-shell-v6 .nav-item-dropdown.active > .nav-submenu {
    display: block !important;
}

body.platform-shell-v6 .nav-subitem {
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 0.8rem !important;
}

body.platform-shell-v6 .nav-subitem::before {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    -webkit-mask: none !important;
    mask: none !important;
    background: currentColor !important;
}

body.platform-shell-v6 .sidebar-footer {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px !important;
    overflow: visible !important;
    color: var(--platform-muted) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid var(--platform-line) !important;
    border-radius: var(--platform-radius) !important;
}

body.platform-shell-v6 .exchange-rates,
body.platform-shell-v6 .trader-panel {
    min-width: 0 !important;
}

body.platform-shell-v6 .rate-item,
body.platform-shell-v6 .trader-balance,
body.platform-shell-v6 .switch-row {
    border-radius: 7px !important;
    border: 1px solid var(--platform-line) !important;
    background: rgba(0, 0, 0, 0.18) !important;
    color: var(--platform-text) !important;
}

body.platform-shell-v6 .main-content,
body.platform-shell-v6 .sidebar.collapsed ~ .main-content {
    margin-left: var(--platform-rail) !important;
    width: calc(100% - var(--platform-rail)) !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
    transition: margin-left 0.2s ease, width 0.2s ease !important;
}

body.platform-shell-v6 .sidebar.collapsed {
    width: var(--platform-rail-compact) !important;
}

body.platform-shell-v6 .sidebar.collapsed ~ .main-content {
    margin-left: var(--platform-rail-compact) !important;
    width: calc(100% - var(--platform-rail-compact)) !important;
}

body.platform-shell-v6 .sidebar.collapsed .sidebar-header {
    justify-content: center !important;
    padding: 12px 8px !important;
}

body.platform-shell-v6 .sidebar.collapsed .sidebar-header h1 {
    width: 36px !important;
    height: 36px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
}

body.platform-shell-v6 .sidebar.collapsed .sidebar-header h1::before {
    content: "S" !important;
    color: var(--platform-ink) !important;
    font-size: 1.25rem !important;
    letter-spacing: 0 !important;
}

body.platform-shell-v6 .sidebar.collapsed .sidebar-header h1::after,
body.platform-shell-v6 .sidebar.collapsed .sidebar-footer,
body.platform-shell-v6 .sidebar.collapsed .dropdown-arrow,
body.platform-shell-v6 .sidebar.collapsed .nav-submenu {
    display: none !important;
}

body.platform-shell-v6 .sidebar.collapsed .nav-item,
body.platform-shell-v6 .sidebar.collapsed .nav-item-parent {
    justify-content: center !important;
    padding: 0 !important;
    font-size: 0 !important;
}

body.platform-shell-v6 .sidebar.collapsed .nav-item::before,
body.platform-shell-v6 .sidebar.collapsed .nav-item-parent::before {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
}

body.platform-shell-v6 .top-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: min(var(--platform-max), calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 14px 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(8, 11, 16, 0.96), rgba(8, 11, 16, 0.76)) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px) !important;
}

body.platform-shell-v6 .top-bar::before {
    content: "Workspace" !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid var(--platform-line) !important;
    color: var(--platform-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

body.platform-shell-v6 .user-info {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: auto !important;
    margin-left: auto !important;
}

body.platform-shell-v6 .user-menu {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
}

body.platform-shell-v6 .user-meta,
body.platform-shell-v6 .lang-btn,
body.platform-shell-v6 .logout-btn {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid var(--platform-line) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--platform-text) !important;
}

body.platform-shell-v6 .user-email {
    color: var(--platform-ink) !important;
    max-width: 34vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.platform-shell-v6 .user-role,
body.platform-shell-v6 .role-badge,
body.platform-shell-v6 .lang-chip {
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--platform-accent) 32%, transparent) !important;
    background: color-mix(in srgb, var(--platform-accent) 16%, transparent) !important;
    color: var(--platform-ink) !important;
}

body.platform-shell-v6 .logout-btn {
    color: #ffd7d7 !important;
    border-color: rgba(255, 107, 107, 0.32) !important;
    background: rgba(255, 107, 107, 0.1) !important;
}

body.platform-shell-v6 .content {
    width: min(var(--platform-max), calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 12px 0 34px !important;
}

/* Page and component language */
body.platform-shell-v6 .page-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 14px !important;
    padding: 18px 18px 18px 20px !important;
    border-radius: var(--platform-radius) !important;
    border: 1px solid var(--platform-line) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)),
        var(--platform-panel) !important;
    color: var(--platform-ink) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 .page-header h1,
body.platform-shell-v6 .page-header h2,
body.platform-shell-v6 .page-header h3 {
    margin: 0 !important;
    color: var(--platform-ink) !important;
    font-size: clamp(1.25rem, 1.55vw, 1.75rem) !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.platform-shell-v6 .page-header h1::after,
body.platform-shell-v6 .page-header::before,
body.platform-shell-v6 .page-header::after {
    content: none !important;
    display: none !important;
}

body.platform-shell-v6 .page-header p,
body.platform-shell-v6 .page-header small,
body.platform-shell-v6 .page-subtitle {
    color: var(--platform-muted) !important;
}

body.platform-shell-v6 .content-area,
body.platform-shell-v6 .users-table-page,
body.platform-shell-v6 .orders-table-page,
body.platform-shell-v6 .merchant-page-shell,
body.platform-shell-v6 .form-card,
body.platform-shell-v6 .settings-card,
body.platform-shell-v6 .api-card,
body.platform-shell-v6 .endpoints-card,
body.platform-shell-v6 .code-card,
body.platform-shell-v6 .webhook-card,
body.platform-shell-v6 .token-card,
body.platform-shell-v6 .info-card,
body.platform-shell-v6 .merchant-profile-card,
body.platform-shell-v6 .apk-card,
body.platform-shell-v6 .currency-card,
body.platform-shell-v6 .modal-content,
body.platform-shell-v6 .modal-body,
body.platform-shell-v6 .custom-modal-content,
body.platform-shell-v6 .card {
    border-radius: var(--platform-radius) !important;
    border: 1px solid var(--platform-line) !important;
    background: var(--platform-panel) !important;
    color: var(--platform-text) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 .content-area,
body.platform-shell-v6 .merchant-page-shell {
    padding: 16px !important;
}

body.platform-shell-v6 .stat-card,
body.platform-shell-v6 .stats-grid > div,
body.platform-shell-v6 .balance-card,
body.platform-shell-v6 .action-card,
body.platform-shell-v6 .mobile-card {
    min-height: 94px !important;
    padding: 14px !important;
    border-radius: var(--platform-radius) !important;
    border: 1px solid var(--platform-line) !important;
    border-left: 3px solid color-mix(in srgb, var(--platform-accent) 46%, transparent) !important;
    background: linear-gradient(180deg, var(--platform-panel-2), var(--platform-panel)) !important;
    color: var(--platform-text) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.platform-shell-v6 .stat-card::before,
body.platform-shell-v6 .stat-card::after,
body.platform-shell-v6 .content-area::before,
body.platform-shell-v6 .content-area::after,
body.platform-shell-v6 .card::before,
body.platform-shell-v6 .card::after {
    content: none !important;
    display: none !important;
}

body.platform-shell-v6 .stat-card .stat-value,
body.platform-shell-v6 .balance-card .balance-value,
body.platform-shell-v6 .stat-number {
    color: var(--platform-ink) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body.platform-shell-v6 .stat-card .stat-label,
body.platform-shell-v6 .balance-card .balance-label,
body.platform-shell-v6 .stat-label {
    color: var(--platform-muted) !important;
    font-weight: 740 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

body.platform-shell-v6 .stat-icon {
    min-width: 34px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    border: 1px solid var(--platform-line) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--platform-text) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 .filters-bar,
body.platform-shell-v6 .filters-bar-top,
body.platform-shell-v6 .users-table-page .filters-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: var(--platform-radius) !important;
    border: 1px solid var(--platform-line) !important;
    background: var(--platform-panel-2) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 input,
body.platform-shell-v6 select,
body.platform-shell-v6 textarea,
body.platform-shell-v6 .search-input,
body.platform-shell-v6 .filter-input,
body.platform-shell-v6 .filter-select,
body.platform-shell-v6 .date-input,
body.platform-shell-v6 .setting-input,
body.platform-shell-v6 .form-group input,
body.platform-shell-v6 .form-group select,
body.platform-shell-v6 .form-group textarea {
    min-height: 36px !important;
    border-radius: 7px !important;
    border: 1px solid var(--platform-line-2) !important;
    background: #0b1017 !important;
    color: var(--platform-ink) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 input::placeholder,
body.platform-shell-v6 textarea::placeholder {
    color: rgba(215, 222, 234, 0.48) !important;
}

body.platform-shell-v6 input:focus,
body.platform-shell-v6 select:focus,
body.platform-shell-v6 textarea:focus,
body.platform-shell-v6 .search-input:focus,
body.platform-shell-v6 .filter-select:focus,
body.platform-shell-v6 .date-input:focus {
    border-color: color-mix(in srgb, var(--platform-accent) 55%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--platform-accent) 14%, transparent) !important;
    outline: none !important;
}

body.platform-shell-v6 .table-container,
body.platform-shell-v6 .data-table-container,
body.platform-shell-v6 .users-table-page .table-container {
    border-radius: var(--platform-radius) !important;
    border: 1px solid var(--platform-line) !important;
    background: var(--platform-panel) !important;
    box-shadow: none !important;
    overflow: auto !important;
}

body.platform-shell-v6 .data-table,
body.platform-shell-v6 table {
    width: 100% !important;
    min-width: 760px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    color: var(--platform-text) !important;
}

body.platform-shell-v6 .data-table thead th,
body.platform-shell-v6 table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    padding: 11px 12px !important;
    background: #192230 !important;
    color: #aeb8c8 !important;
    border-bottom: 1px solid var(--platform-line-2) !important;
    font-size: 0.69rem !important;
    font-weight: 820 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

body.platform-shell-v6 .data-table tbody tr,
body.platform-shell-v6 table tbody tr {
    background: transparent !important;
}

body.platform-shell-v6 .data-table tbody tr:nth-child(even),
body.platform-shell-v6 table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.025) !important;
}

body.platform-shell-v6 .data-table tbody tr:hover,
body.platform-shell-v6 table tbody tr:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

body.platform-shell-v6 .data-table tbody td,
body.platform-shell-v6 table tbody td {
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(206, 217, 232, 0.08) !important;
    color: var(--platform-text) !important;
}

body.platform-shell-v6 .create-btn,
body.platform-shell-v6 .btn-primary,
body.platform-shell-v6 .filter-btn,
body.platform-shell-v6 .sync-btn,
body.platform-shell-v6 .settings-btn,
body.platform-shell-v6 .docs-btn,
body.platform-shell-v6 .export-btn,
body.platform-shell-v6 .filter-toggle-btn,
body.platform-shell-v6 .columns-toggle-btn,
body.platform-shell-v6 .page-btn,
body.platform-shell-v6 .action-btn,
body.platform-shell-v6 .callback-btn,
body.platform-shell-v6 .bulk-btn,
body.platform-shell-v6 .copy-btn,
body.platform-shell-v6 .toggle-pass {
    min-height: 34px !important;
    border-radius: 7px !important;
    border: 1px solid var(--platform-line-2) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--platform-ink) !important;
    box-shadow: none !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.platform-shell-v6 .create-btn,
body.platform-shell-v6 .btn-primary,
body.platform-shell-v6 button[type="submit"]:not(.logout-btn) {
    background: linear-gradient(135deg, var(--platform-accent), color-mix(in srgb, var(--platform-accent) 74%, #ffffff)) !important;
    color: #11100d !important;
    border-color: color-mix(in srgb, var(--platform-accent) 55%, transparent) !important;
}

body.platform-shell-v6 .action-btn:hover,
body.platform-shell-v6 .filter-btn:hover,
body.platform-shell-v6 .page-btn:hover,
body.platform-shell-v6 .copy-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--platform-line-2) !important;
    transform: none !important;
}

body.platform-shell-v6 .action-btn.danger,
body.platform-shell-v6 .action-btn.delete,
body.platform-shell-v6 .action-btn.block,
body.platform-shell-v6 button.danger,
body.platform-shell-v6 button.delete,
body.platform-shell-v6 button.block {
    background: rgba(255, 107, 107, 0.12) !important;
    color: #ffd7d7 !important;
    border-color: rgba(255, 107, 107, 0.34) !important;
}

body.platform-shell-v6 .action-btn.success,
body.platform-shell-v6 .action-btn.confirm,
body.platform-shell-v6 button.success,
body.platform-shell-v6 button.confirm {
    background: rgba(51, 209, 122, 0.12) !important;
    color: #c8f8dc !important;
    border-color: rgba(51, 209, 122, 0.34) !important;
}

body.platform-shell-v6 .status-badge,
body.platform-shell-v6 .badge {
    border-radius: 999px !important;
    border: 1px solid var(--platform-line) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--platform-text) !important;
    box-shadow: none !important;
}

body.platform-shell-v6 .status-badge.active,
body.platform-shell-v6 .status-badge.approved,
body.platform-shell-v6 .status-badge.status-success,
body.platform-shell-v6 .status-badge.status-paid,
body.platform-shell-v6 .status-badge.status-approved {
    background: rgba(51, 209, 122, 0.14) !important;
    color: #c8f8dc !important;
    border-color: rgba(51, 209, 122, 0.34) !important;
}

body.platform-shell-v6 .status-badge.pending,
body.platform-shell-v6 .status-badge.warning,
body.platform-shell-v6 .status-badge.status-pending,
body.platform-shell-v6 .status-badge.status-warning {
    background: rgba(245, 184, 75, 0.14) !important;
    color: #ffe9b7 !important;
    border-color: rgba(245, 184, 75, 0.34) !important;
}

body.platform-shell-v6 .status-badge.blocked,
body.platform-shell-v6 .status-badge.cancelled,
body.platform-shell-v6 .status-badge.inactive,
body.platform-shell-v6 .status-badge.rejected,
body.platform-shell-v6 .status-badge.deleted,
body.platform-shell-v6 .status-badge.status-error,
body.platform-shell-v6 .status-badge.status-danger,
body.platform-shell-v6 .status-badge.status-cancelled,
body.platform-shell-v6 .status-badge.status-rejected {
    background: rgba(255, 107, 107, 0.14) !important;
    color: #ffd7d7 !important;
    border-color: rgba(255, 107, 107, 0.34) !important;
}

body.platform-shell-v6 .modal,
body.platform-shell-v6 .modal-overlay,
body.platform-shell-v6 .custom-modal {
    background: rgba(0, 0, 0, 0.76) !important;
}

body.platform-shell-v6 .modal-header,
body.platform-shell-v6 .custom-modal-header {
    background: #121923 !important;
    color: var(--platform-ink) !important;
    border-bottom: 1px solid var(--platform-line) !important;
}

/* Fullscreen pages that opt into the shared layer */
body.fullscreen-shell-v6 {
    --platform-bg: #080b10;
    --platform-panel: #111821;
    --platform-ink: #f5f7fb;
    --platform-text: #d7deea;
    --platform-muted: #8c98aa;
    --platform-line: rgba(206, 217, 232, 0.12);
    --platform-line-2: rgba(206, 217, 232, 0.2);
    --platform-accent: var(--neon-cyan, #c47b3c);
}

body.fullscreen-shell-v6 .fullscreen-header {
    background: #111821 !important;
    border-bottom: 1px solid var(--platform-line-2) !important;
    box-shadow: none !important;
}

body.fullscreen-shell-v6 .fullscreen-header .header-title,
body.fullscreen-shell-v6 .fullscreen-header .user-info strong {
    color: var(--platform-ink) !important;
}

body.fullscreen-shell-v6 .fullscreen-header .back-button {
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.065) !important;
    border-color: var(--platform-line-2) !important;
    color: var(--platform-ink) !important;
}

html.performance-lite body.platform-shell-v6 .sidebar,
html.performance-lite body.platform-shell-v6 .top-bar {
    backdrop-filter: none !important;
}

@media (max-width: 980px) {
    body.platform-shell-v6 {
        --platform-rail: 264px;
    }

    body.platform-shell-v6 .main-content,
    body.platform-shell-v6 .sidebar.collapsed ~ .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }

    body.platform-shell-v6 .sidebar,
    body.platform-shell-v6 .sidebar.collapsed {
        width: min(86vw, 318px) !important;
        transform: translateX(-104%) !important;
        transition: transform 0.22s ease !important;
    }

    body.platform-shell-v6 .sidebar.mobile-open {
        transform: translateX(0) !important;
    }

    body.platform-shell-v6 .mobile-menu-btn {
        display: inline-flex !important;
        position: fixed !important;
        top: 14px !important;
        left: 14px !important;
        z-index: 9100 !important;
        height: 40px !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        border: 1px solid var(--platform-line-2) !important;
        background: #151e29 !important;
        color: var(--platform-ink) !important;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34) !important;
    }

    body.platform-shell-v6 .mobile-overlay {
        background: rgba(0, 0, 0, 0.58) !important;
    }

    body.platform-shell-v6 .top-bar {
        width: calc(100% - 18px) !important;
        min-height: 62px !important;
        padding: 12px 0 8px 52px !important;
    }

    body.platform-shell-v6 .content {
        width: calc(100% - 18px) !important;
    }

    body.platform-shell-v6 .page-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

@media (max-width: 560px) {
    body.platform-shell-v6 .user-email {
        display: none !important;
    }

    body.platform-shell-v6 .top-bar {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    body.platform-shell-v6 .user-info,
    body.platform-shell-v6 .user-menu {
        flex-wrap: wrap !important;
    }

    body.platform-shell-v6 .content-area,
    body.platform-shell-v6 .merchant-page-shell {
        padding: 12px !important;
    }
}

/* Platform v7: geometry replacement. Keep brand colors, change composition. */
body.platform-board-v7 {
    --platform-rail: 368px;
    --platform-rail-compact: 112px;
    --platform-max: 1600px;
    --platform-radius: 18px;
    --platform-radius-tight: 10px;
    --platform-card: rgba(15, 22, 31, 0.86);
    --platform-card-strong: rgba(19, 28, 39, 0.94);
    --platform-deck: rgba(8, 12, 18, 0.88);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--platform-accent) 13%, transparent) 0, transparent 34%),
        linear-gradient(180deg, #070a0f 0%, #0c1118 54%, #080a0f 100%) !important;
    background-size: 44px 44px, 44px 44px, auto, auto !important;
}

body.platform-board-v7 .sidebar {
    isolation: isolate !important;
    padding: 16px 14px 16px 20px !important;
    gap: 12px !important;
    background: transparent !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

body.platform-board-v7 .sidebar::before {
    content: "" !important;
    position: absolute !important;
    inset: 12px 8px 12px 12px !important;
    width: auto !important;
    border: 1px solid var(--platform-line-2) !important;
    border-radius: 26px 8px 26px 8px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
        linear-gradient(180deg, rgba(12, 18, 26, 0.98), rgba(8, 12, 18, 0.98)) !important;
    box-shadow: 16px 0 44px rgba(0, 0, 0, 0.34) !important;
    opacity: 1 !important;
    z-index: -1 !important;
}

body.platform-board-v7 .sidebar::after {
    content: "" !important;
    position: absolute !important;
    inset: 30px auto 30px 12px !important;
    width: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, transparent, var(--platform-accent), transparent) !important;
    opacity: 0.82 !important;
    pointer-events: none !important;
}

body.platform-board-v7 .sidebar-header {
    min-height: 118px !important;
    align-items: flex-end !important;
    padding: 20px 18px !important;
    border-radius: 22px 6px 18px 6px !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--platform-accent) 18%, transparent), rgba(255, 255, 255, 0.035)),
        rgba(0, 0, 0, 0.18) !important;
    border-color: var(--platform-line-2) !important;
}

body.platform-board-v7 .sidebar-header h1 {
    font-size: 1.62rem !important;
    gap: 8px !important;
    background: none !important;
    -webkit-text-fill-color: var(--platform-ink) !important;
    color: var(--platform-ink) !important;
}

body.platform-board-v7 .sidebar-header h1::before {
    content: "Control board" !important;
    letter-spacing: 0.12em !important;
}

body.platform-board-v7 .sidebar-header h1::after {
    width: 76px !important;
    height: 3px !important;
    margin-top: 4px !important;
    background: linear-gradient(90deg, var(--platform-accent), transparent) !important;
}

body.platform-board-v7 .sidebar-toggle {
    align-self: flex-start !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px 4px 14px 4px !important;
    background: rgba(255, 255, 255, 0.07) !important;
}

body.platform-board-v7 .sidebar-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(76px, auto) !important;
    gap: 10px !important;
    padding: 2px 4px 8px 0 !important;
    align-content: start !important;
}

body.platform-board-v7 .nav-item-dropdown {
    grid-column: span 2 !important;
}

body.platform-board-v7 .nav-item,
body.platform-board-v7 .nav-item-parent {
    min-height: 76px !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 13px !important;
    border-radius: 16px 5px 16px 5px !important;
    border-color: rgba(206, 217, 232, 0.11) !important;
    background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.018)) !important;
    font-size: 0.81rem !important;
    font-weight: 820 !important;
    color: #c7d1de !important;
    position: relative !important;
    overflow: hidden !important;
}

body.platform-board-v7 .nav-item::before,
body.platform-board-v7 .nav-item-parent::before {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    padding: 7px !important;
    border-radius: 12px 4px 12px 4px !important;
    background: currentColor !important;
    opacity: 0.8 !important;
}

body.platform-board-v7 .nav-item::after,
body.platform-board-v7 .nav-item-parent::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 11px 9px auto !important;
    width: 24px !important;
    height: 2px !important;
    border-radius: 99px !important;
    background: rgba(255, 255, 255, 0.14) !important;
}

body.platform-board-v7 .nav-item:hover,
body.platform-board-v7 .nav-item-parent:hover {
    background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.088), rgba(255, 255, 255, 0.026)) !important;
    border-color: rgba(206, 217, 232, 0.2) !important;
    transform: translateY(-1px) !important;
}

body.platform-board-v7 .nav-item.active,
body.platform-board-v7 .nav-item-dropdown.active > .nav-item-parent {
    color: var(--platform-ink) !important;
    background:
        linear-gradient(150deg, color-mix(in srgb, var(--platform-accent) 28%, transparent), rgba(255, 255, 255, 0.05)) !important;
    border-color: color-mix(in srgb, var(--platform-accent) 46%, transparent) !important;
    box-shadow: inset 0 -3px 0 var(--platform-accent), 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

body.platform-board-v7 .nav-item.active::after,
body.platform-board-v7 .nav-item-dropdown.active > .nav-item-parent::after {
    background: var(--platform-accent) !important;
}

body.platform-board-v7 .dropdown-arrow {
    position: absolute !important;
    top: 13px !important;
    right: 13px !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.075) !important;
}

body.platform-board-v7 .nav-submenu {
    display: none !important;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    border: 1px solid var(--platform-line) !important;
    border-radius: 14px 4px 14px 4px !important;
    background: rgba(0, 0, 0, 0.2) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.platform-board-v7 .nav-item-dropdown.open > .nav-submenu,
body.platform-board-v7 .nav-item-dropdown:hover > .nav-submenu,
body.platform-board-v7 .nav-item-dropdown.active > .nav-submenu {
    display: grid !important;
}

body.platform-board-v7 .nav-subitem {
    min-height: 42px !important;
    justify-content: center !important;
    padding: 9px 10px !important;
    border-radius: 12px 4px 12px 4px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(206, 217, 232, 0.1) !important;
    text-align: center !important;
}

body.platform-board-v7 .nav-subitem::before {
    display: none !important;
}

body.platform-board-v7 .sidebar-footer {
    padding: 12px !important;
    border-radius: 18px 5px 18px 5px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)) !important;
}

body.platform-board-v7 .rate-item,
body.platform-board-v7 .trader-balance,
body.platform-board-v7 .switch-row {
    border-radius: 14px 4px 14px 4px !important;
    background: rgba(255, 255, 255, 0.045) !important;
}

body.platform-board-v7 .main-content {
    min-height: 100vh !important;
    padding: 14px 18px 44px 0 !important;
}

body.platform-board-v7 .top-bar {
    min-height: 76px !important;
    width: min(var(--platform-max), calc(100% - 28px)) !important;
    margin: 0 auto 12px !important;
    padding: 13px 14px !important;
    border: 1px solid var(--platform-line) !important;
    border-radius: 24px 8px 24px 8px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
        rgba(8, 12, 18, 0.86) !important;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.24) !important;
}

body.platform-board-v7 .top-bar::before {
    content: "Operations deck" !important;
    height: 46px !important;
    padding: 0 18px !important;
    border-radius: 15px 4px 15px 4px !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--platform-accent) 18%, transparent), rgba(255, 255, 255, 0.04)) !important;
}

body.platform-board-v7 .user-meta,
body.platform-board-v7 .lang-btn,
body.platform-board-v7 .logout-btn,
body.platform-board-v7 .btn,
body.platform-board-v7 button,
body.platform-board-v7 input[type="submit"],
body.platform-board-v7 input[type="button"] {
    border-radius: 12px 4px 12px 4px !important;
}

body.platform-board-v7 .content {
    width: min(var(--platform-max), calc(100% - 28px)) !important;
    padding: 0 0 42px !important;
}

body.platform-board-v7 .page-header {
    min-height: 128px !important;
    padding: 22px 24px !important;
    border-radius: 26px 7px 26px 7px !important;
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--platform-accent) 15%, transparent), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)),
        var(--platform-card-strong) !important;
    position: relative !important;
    overflow: hidden !important;
}

body.platform-board-v7 .page-header::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 18px auto 18px 0 !important;
    width: 4px !important;
    border-radius: 999px !important;
    background: var(--platform-accent) !important;
}

body.platform-board-v7 .page-header h1,
body.platform-board-v7 .page-header h2,
body.platform-board-v7 .page-header h3 {
    font-size: clamp(1.55rem, 2vw, 2.25rem) !important;
    font-weight: 920 !important;
    background: none !important;
    -webkit-text-fill-color: var(--platform-ink) !important;
    color: var(--platform-ink) !important;
}

body.platform-board-v7 .content-area,
body.platform-board-v7 .users-table-page,
body.platform-board-v7 .orders-table-page,
body.platform-board-v7 .merchant-page-shell,
body.platform-board-v7 .form-card,
body.platform-board-v7 .settings-card,
body.platform-board-v7 .api-card,
body.platform-board-v7 .endpoints-card,
body.platform-board-v7 .code-card,
body.platform-board-v7 .webhook-card,
body.platform-board-v7 .token-card,
body.platform-board-v7 .info-card,
body.platform-board-v7 .merchant-profile-card,
body.platform-board-v7 .apk-card,
body.platform-board-v7 .currency-card,
body.platform-board-v7 .modal-content,
body.platform-board-v7 .modal-body,
body.platform-board-v7 .custom-modal-content,
body.platform-board-v7 .card {
    border-radius: 22px 6px 22px 6px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        var(--platform-card) !important;
    border-color: var(--platform-line) !important;
}

body.platform-board-v7 .stat-card,
body.platform-board-v7 .stats-grid > div,
body.platform-board-v7 .balance-card,
body.platform-board-v7 .action-card,
body.platform-board-v7 .mobile-card {
    min-height: 112px !important;
    border-radius: 20px 5px 20px 5px !important;
    border-left: 0 !important;
    border-top: 3px solid color-mix(in srgb, var(--platform-accent) 58%, transparent) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
        var(--platform-card) !important;
}

body.platform-board-v7 .filters,
body.platform-board-v7 .filter-bar,
body.platform-board-v7 .table-filters,
body.platform-board-v7 .search-filters,
body.platform-board-v7 .controls-row,
body.platform-board-v7 .actions-bar {
    border-radius: 20px 5px 20px 5px !important;
    background: rgba(255, 255, 255, 0.042) !important;
    border: 1px solid var(--platform-line) !important;
    padding: 12px !important;
}

body.platform-board-v7 input,
body.platform-board-v7 select,
body.platform-board-v7 textarea,
body.platform-board-v7 .form-control,
body.platform-board-v7 .form-select {
    min-height: 44px !important;
    border-radius: 12px 4px 12px 4px !important;
    background: rgba(3, 7, 12, 0.64) !important;
    border-color: rgba(206, 217, 232, 0.15) !important;
}

body.platform-board-v7 .table-container,
body.platform-board-v7 .table-responsive,
body.platform-board-v7 .data-table-wrapper {
    border-radius: 22px 6px 22px 6px !important;
    background: transparent !important;
    border: 1px solid var(--platform-line) !important;
    overflow-x: auto !important;
}

body.platform-board-v7 table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    background: transparent !important;
}

body.platform-board-v7 thead th {
    border: 0 !important;
    background: rgba(255, 255, 255, 0.055) !important;
}

body.platform-board-v7 tbody tr {
    background: rgba(18, 27, 38, 0.82) !important;
    box-shadow: 0 0 0 1px rgba(206, 217, 232, 0.08) !important;
}

body.platform-board-v7 tbody td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

body.platform-board-v7 tbody td:first-child {
    border-radius: 14px 0 0 4px !important;
}

body.platform-board-v7 tbody td:last-child {
    border-radius: 0 4px 14px 0 !important;
}

body.platform-board-v7 .badge,
body.platform-board-v7 .status-badge,
body.platform-board-v7 .chip,
body.platform-board-v7 .tag {
    border-radius: 10px 3px 10px 3px !important;
}

body.platform-board-v7 .btn-primary,
body.platform-board-v7 .create-btn,
body.platform-board-v7 .add-btn,
body.platform-board-v7 .save-btn,
body.platform-board-v7 .login-btn {
    background:
        linear-gradient(135deg, var(--platform-accent), color-mix(in srgb, var(--platform-accent) 72%, #ffffff)) !important;
    border-color: color-mix(in srgb, var(--platform-accent) 68%, transparent) !important;
    color: #0b0f14 !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
}

body.platform-board-v7 .btn:not(.btn-primary):not(.create-btn):not(.add-btn):not(.save-btn),
body.platform-board-v7 button:not(.sidebar-toggle):not(.logout-btn):not(.lang-btn):not(.btn-primary):not(.create-btn):not(.add-btn):not(.save-btn) {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(206, 217, 232, 0.16) !important;
    color: var(--platform-ink) !important;
    font-weight: 820 !important;
}

body.platform-board-v7 .sidebar.collapsed .sidebar-nav {
    grid-template-columns: 1fr !important;
}

body.platform-board-v7 .sidebar.collapsed .nav-item,
body.platform-board-v7 .sidebar.collapsed .nav-item-parent {
    min-height: 58px !important;
    align-items: center !important;
    justify-content: center !important;
}

body.platform-board-v7 .sidebar.collapsed .nav-item::after,
body.platform-board-v7 .sidebar.collapsed .nav-item-parent::after {
    display: none !important;
}

@media (max-width: 1180px) {
    body.platform-board-v7 {
        --platform-rail: 328px;
    }

    body.platform-board-v7 .sidebar-nav {
        grid-template-columns: 1fr !important;
    }

    body.platform-board-v7 .nav-item-dropdown {
        grid-column: auto !important;
    }
}

@media (max-width: 768px) {
    body.platform-board-v7 .sidebar {
        width: min(92vw, 360px) !important;
        padding: 14px !important;
    }

    body.platform-board-v7 .main-content,
    body.platform-board-v7 .sidebar.collapsed ~ .main-content {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 12px !important;
    }

    body.platform-board-v7 .top-bar {
        min-height: auto !important;
        flex-wrap: wrap !important;
        border-radius: 18px 6px 18px 6px !important;
    }

    body.platform-board-v7 .top-bar::before {
        width: 100% !important;
        justify-content: center !important;
    }

    body.platform-board-v7 .page-header {
        min-height: auto !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* Platform v8: icon and control correction over v7. */
body.platform-board-v7 .sidebar-nav {
    grid-auto-rows: auto !important;
    gap: 12px !important;
}

body.platform-board-v7 .nav-item,
body.platform-board-v7 .nav-item-parent {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: minmax(36px, auto) 1fr !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 11px !important;
    row-gap: 4px !important;
    min-height: 82px !important;
    padding: 14px 14px 12px !important;
    font-size: 0.84rem !important;
    line-height: 1.12 !important;
    overflow: hidden !important;
}

body.platform-board-v7 .nav-item::before,
body.platform-board-v7 .nav-item-parent::before {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    align-self: start !important;
    justify-self: start !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(206, 217, 232, 0.16) !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--platform-accent) 70%, #ffffff), var(--platform-accent)) !important;
    -webkit-mask: none !important;
    mask: none !important;
    opacity: 1 !important;
}

body.platform-board-v7 .nav-item::after,
body.platform-board-v7 .nav-item-parent::after {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    align-self: end !important;
    justify-self: end !important;
    width: 28px !important;
    height: 2px !important;
}

body.platform-board-v7 .nav-item {
    color: var(--platform-ink) !important;
}

body.platform-board-v7 .nav-item-parent {
    color: var(--platform-ink) !important;
}

body.platform-board-v7 .nav-item[href*="users"]::before,
body.platform-board-v7 .nav-item[href*="merchants"]::before,
body.platform-board-v7 .nav-item[href*="traders"]::before,
body.platform-board-v7 .nav-item[href*="providers"]::before,
body.platform-board-v7 .nav-item[href*="teams"]::before,
body.platform-board-v7 .nav-item[href*="referrers"]::before {
    content: "ID" !important;
}

body.platform-board-v7 .nav-item[href*="payment-details"]::before,
body.platform-board-v7 .nav-item[href*="wallet"]::before,
body.platform-board-v7 .nav-item[href*="payment-methods"]::before {
    content: "PM" !important;
}

body.platform-board-v7 .nav-item[href*="stats"]::before,
body.platform-board-v7 .nav-item[href*="accounting"]::before,
body.platform-board-v7 .nav-item[href*="logs"]::before {
    content: "AN" !important;
}

body.platform-board-v7 .nav-item[href*="pull"]::before {
    content: "FT" !important;
}

body.platform-board-v7 .nav-item[href*="appeal"]::before,
body.platform-board-v7 .nav-item[href*="notifications"]::before {
    content: "AP" !important;
}

body.platform-board-v7 .nav-item[href*="finances"]::before,
body.platform-board-v7 .nav-item[href*="currency"]::before,
body.platform-board-v7 .nav-item[href*="settlement"]::before {
    content: "FN" !important;
}

body.platform-board-v7 .nav-item[href*="gateway"]::before,
body.platform-board-v7 .nav-item[href*="polling"]::before,
body.platform-board-v7 .nav-item[href*="devices"]::before,
body.platform-board-v7 .nav-item[href*="exchange"]::before,
body.platform-board-v7 .nav-item[href*="swap"]::before {
    content: "GX" !important;
}

body.platform-board-v7 .nav-item-parent::before {
    content: "OR" !important;
}

body.platform-board-v7 .nav-item::before,
body.platform-board-v7 .nav-item-parent::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #090d13 !important;
    font-size: 0.66rem !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.platform-board-v7 .dropdown-arrow {
    top: 12px !important;
    right: 12px !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 0.8rem !important;
}

body.platform-board-v7 .nav-submenu {
    grid-template-columns: 1fr 1fr !important;
    margin-top: 10px !important;
}

body.platform-board-v7 .nav-subitem {
    color: var(--platform-text) !important;
}

body.platform-board-v7 button:not(.sidebar-toggle):not(.logout-btn):not(.lang-btn),
body.platform-board-v7 .btn,
body.platform-board-v7 .period-btn,
body.platform-board-v7 .stats-mode-btn,
body.platform-board-v7 .main-tab,
body.platform-board-v7 .payout-main-tab,
body.platform-board-v7 .btn-refresh,
body.platform-board-v7 .btn-export,
body.platform-board-v7 .btn-reload {
    min-height: 44px !important;
    border-radius: 14px 5px 14px 5px !important;
    border: 1px solid rgba(206, 217, 232, 0.16) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.022)) !important;
    color: var(--platform-ink) !important;
    box-shadow: none !important;
}

body.platform-board-v7 button.active,
body.platform-board-v7 .btn-primary,
body.platform-board-v7 .create-btn,
body.platform-board-v7 .add-btn,
body.platform-board-v7 .save-btn,
body.platform-board-v7 .period-btn.active,
body.platform-board-v7 .stats-mode-btn.active,
body.platform-board-v7 .main-tab.active,
body.platform-board-v7 .payout-main-tab.active,
body.platform-board-v7 .btn-apply {
    background:
        linear-gradient(135deg, var(--platform-accent), color-mix(in srgb, var(--platform-accent) 72%, #ffffff)) !important;
    border-color: color-mix(in srgb, var(--platform-accent) 62%, transparent) !important;
    color: #090d13 !important;
    font-weight: 900 !important;
}

body.platform-board-v7 .btn-danger,
body.platform-board-v7 .danger,
body.platform-board-v7 button.danger {
    background: rgba(255, 107, 107, 0.12) !important;
    border-color: rgba(255, 107, 107, 0.34) !important;
    color: #ffd7d7 !important;
}

body.platform-board-v7 .sidebar.collapsed .nav-item,
body.platform-board-v7 .sidebar.collapsed .nav-item-parent {
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr !important;
    min-height: 58px !important;
}

body.platform-board-v7 .sidebar.collapsed .nav-item::before,
body.platform-board-v7 .sidebar.collapsed .nav-item-parent::before {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
}

/* V8.1: nav card text must never overlap the badge. */
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 82px !important;
    padding: 14px 46px 14px 76px !important;
    position: relative !important;
    text-align: left !important;
    gap: 0 !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::before,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::before {
    position: absolute !important;
    left: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 13px 4px 13px 4px !important;
    z-index: 1 !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::after,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::after {
    position: absolute !important;
    right: 20px !important;
    bottom: 20px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-subitem {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .dropdown-arrow {
    top: 16px !important;
    right: 16px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-submenu {
    position: relative !important;
    margin: 10px 0 2px !important;
}

/* V8.2: two-column desktop tiles use stacked badge + full-width label. */
@media (min-width: 981px) {
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
        min-height: 98px !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        padding: 58px 16px 16px !important;
        line-height: 1.12 !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::before,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::before {
        left: 18px !important;
        top: 18px !important;
        transform: none !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::after,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::after {
        right: 16px !important;
        bottom: 14px !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent .dropdown-arrow {
        top: 18px !important;
        right: 16px !important;
    }
}

/* V8.3: render nav labels from data-tooltip so text nodes cannot overlap badges. */
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
    font-size: 0 !important;
    color: transparent !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::after,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::after {
    content: attr(data-tooltip) !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--platform-ink) !important;
    font-size: 0.9rem !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/users"]::after { content: "Юзеры" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/payment-details"]::after { content: "Реквизиты" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/stats"]::after { content: "Статистика" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/appeals"]::after { content: "Апелляции" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/merchant-appeal-bot"]::after { content: "Бот апелляций" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/merchants"]::after { content: "Мерчанты" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/traders"]::after { content: "Трейдеры" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/providers"]::after { content: "Провайдеры" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/referrers"]::after { content: "Рефоводы" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/teams"]::after { content: "Группы" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/devices"]::after { content: "Устройства" !important; }
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item[href*="/admin/payment-methods"]::after { content: "Банки" !important; }

@media (min-width: 981px) {
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::after,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::after {
        display: block !important;
    }
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown {
    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active {
    margin-bottom: 74px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-submenu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 10px) !important;
    z-index: 5 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open > .nav-submenu,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown:hover > .nav-submenu,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active > .nav-submenu {
    display: grid !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-subitem {
    position: relative !important;
    z-index: 6 !important;
    min-height: 42px !important;
    font-size: 0.82rem !important;
    color: var(--platform-ink) !important;
}

/* V9.1: submenu must be in normal flow, not over following tiles. */
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active {
    display: grid !important;
    grid-template-rows: auto auto !important;
    grid-column: 1 / -1 !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    align-self: start !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-submenu,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open > .nav-submenu,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown:hover > .nav-submenu,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active > .nav-submenu {
    position: static !important;
    display: grid !important;
    width: 100% !important;
    margin: 0 0 4px !important;
    z-index: auto !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open + .nav-item,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active + .nav-item {
    margin-top: 0 !important;
}

/* V10: structured nav labels and in-flow dropdowns. */
body.platform-board-v7 .sidebar-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 12px !important;
}

body.platform-board-v7 .nav-label,
body.platform-board-v7 .nav-sub-label {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: var(--platform-ink) !important;
    font-size: 0.88rem !important;
    line-height: 1.14 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
    text-align: left !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item > .nav-label,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent > .nav-label {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 15px !important;
    width: auto !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent > .nav-label {
    right: 54px !important;
}

body.platform-board-v7 .nav-sub-label {
    font-size: 0.82rem !important;
    color: color-mix(in srgb, var(--platform-ink) 86%, transparent) !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    min-height: 104px !important;
    padding: 58px 16px 15px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    text-align: left !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::after,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::after {
    content: "" !important;
    display: none !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::before,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::before {
    left: 16px !important;
    top: 16px !important;
    transform: none !important;
    z-index: 1 !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    grid-column: 1 / -1 !important;
    gap: 10px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
    min-height: 104px !important;
    height: auto !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active {
    min-height: 166px !important;
    padding-bottom: 10px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open:has(.nav-subitem:nth-child(3)),
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active:has(.nav-subitem:nth-child(3)) {
    min-height: 222px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
    width: 100% !important;
    min-height: 92px !important;
    cursor: pointer !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .dropdown-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 3 !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    border-radius: 9px 3px 9px 3px !important;
    background: color-mix(in srgb, var(--platform-accent) 13%, transparent) !important;
    color: var(--platform-accent) !important;
    font-size: 1rem !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-submenu {
    display: none !important;
    position: static !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: auto !important;
    overflow: visible !important;
    min-height: 46px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open > .nav-submenu,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active > .nav-submenu {
    display: grid !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown:hover > .nav-submenu {
    display: grid !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-subitem {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
    border-radius: 13px 4px 13px 4px !important;
    color: transparent !important;
    font-size: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-subitem > .nav-sub-label {
    position: static !important;
    text-align: center !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-subitem::before,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-subitem::after {
    content: "" !important;
    display: none !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item.active .nav-label,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active > .nav-item-parent .nav-label,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-subitem.active .nav-sub-label {
    color: #f8fbff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.24) !important;
}

body.platform-board-v7 .sidebar.collapsed .nav-label,
body.platform-board-v7 .sidebar.collapsed .nav-sub-label {
    display: none !important;
}

@media (max-width: 980px) {
    body.platform-board-v7 .sidebar-nav {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
        min-height: 64px !important;
        align-items: center !important;
        padding: 12px 44px 12px 72px !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item > .nav-label,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent > .nav-label {
        position: static !important;
        width: 100% !important;
        text-align: left !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item::before,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent::before {
        left: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
        min-height: 64px !important;
    }

body.platform-board-v7 .sidebar:not(.collapsed) .nav-submenu {
        grid-template-columns: 1fr 1fr !important;
    }

    body.platform-board-v7 .nav-label {
        font-size: 0.92rem !important;
    }
}

/* V14: mobile sidebar open control must match the 980px off-canvas shell. */
@media (max-width: 980px) {
    body.platform-shell-v6 .mobile-menu-btn {
        cursor: pointer !important;
        pointer-events: auto !important;
        z-index: 10020 !important;
    }

    body.platform-shell-v6 .mobile-menu-btn.active {
        pointer-events: none !important;
    }

    body.platform-shell-v6 .mobile-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 10000 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.platform-shell-v6 .mobile-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.platform-shell-v6 .sidebar,
    body.platform-shell-v6 .sidebar.mobile-open {
        z-index: 10010 !important;
    }
}

body.platform-board-v7 .sidebar .nav-item::before,
body.platform-board-v7 .sidebar .nav-item-parent::before,
body.platform-board-v7 .sidebar .nav-subitem::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    flex-basis: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
    min-height: 62px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 14px 16px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item > .nav-label,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent > .nav-label {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent > .nav-label {
    width: calc(100% - 40px) !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent .dropdown-arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active {
    min-height: 0 !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open:has(.nav-subitem:nth-child(3)),
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active:has(.nav-subitem:nth-child(3)) {
    min-height: 0 !important;
}

@media (max-width: 980px) {
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent {
        padding: 12px 44px 12px 16px !important;
    }
}

/* V13: remove legacy cyan/blue text accents from operational pages. */
body.platform-board-v7 {
    --platform-warm-accent: var(--brand-accent, #E0B36B);
    --platform-warm-primary: var(--neon-cyan, #B7793D);
    --platform-warm-soft: color-mix(in srgb, var(--brand-accent, #E0B36B) 16%, transparent);
    --platform-warm-border: color-mix(in srgb, var(--brand-accent, #E0B36B) 36%, transparent);
}

body.platform-board-v7 .pull-multiselect-value,
body.platform-board-v7 .settings-section .form-group > label:not(.toggle-label),
body.platform-board-v7 .settings-section .toggle-label,
body.platform-board-v7 .settings-section .toggle-text,
body.platform-board-v7 .filters-card .form-group > label {
    color: var(--platform-warm-accent) !important;
}

body.platform-board-v7 .currency-container .section-header h2,
body.platform-board-v7 .currency-container .source-card .source-rate,
body.platform-board-v7 .currency-container .source-card.active .source-rate,
body.platform-board-v7 .currency-container .currency-card .rate-value,
body.platform-board-v7 .currency-container .source-item.active,
body.platform-board-v7 .currency-container .source-item.active span,
body.platform-board-v7 .currency-container .source-item .source-rate,
body.platform-board-v7 .currency-container .region-badge,
body.platform-board-v7 .currency-container .crypto-source-rate {
    color: var(--platform-warm-accent) !important;
}

body.platform-board-v7 .currency-container .source-card:hover,
body.platform-board-v7 .currency-container .source-card.active {
    border-color: var(--platform-warm-border) !important;
}

body.platform-board-v7 .currency-container .source-card.active {
    background: var(--platform-warm-soft) !important;
    box-shadow: 0 0 18px color-mix(in srgb, var(--brand-accent, #E0B36B) 18%, transparent) !important;
}

body.platform-board-v7 .currency-container .source-card.active::before {
    background: var(--platform-warm-accent) !important;
    color: #171009 !important;
}

body.platform-board-v7 .currency-container .source-item.active {
    border-color: var(--platform-warm-border) !important;
    background: var(--platform-warm-soft) !important;
}

body.platform-board-v7 .accounting-nav-card,
body.platform-board-v7 .accounting-nav-card .nav-card-content,
body.platform-board-v7 .accounting-nav-card .nav-card-arrow,
body.platform-board-v7 .gw-card-item-value[style*="3b82f6"],
body.platform-board-v7 .gw-card-item-value[style*="59, 130, 246"],
body.platform-board-v7 .as-stat-card.stat-submitted .as-stat-num,
body.platform-board-v7 .pl-stat-active .pl-stat-num {
    color: var(--platform-warm-accent) !important;
}

body.platform-board-v7 .accounting-nav-card {
    border-color: var(--platform-warm-border) !important;
}

body.platform-board-v7 .audit-table .audit-chip[style*="6366f1"],
body.platform-board-v7 .audit-table .audit-chip[style*="99, 102, 241"] {
    color: var(--platform-warm-accent) !important;
    border-color: var(--platform-warm-border) !important;
    background: var(--platform-warm-soft) !important;
}

/* V12: opened dropdowns are one card, submenu is not a loose row between tiles. */
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown {
    padding: 12px !important;
    border: 1px solid rgba(206, 217, 232, 0.12) !important;
    border-radius: 16px 5px 16px 5px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
        color-mix(in srgb, var(--platform-panel) 84%, transparent) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 16px 30px rgba(0, 0, 0, 0.14) !important;
    gap: 8px !important;
    overflow: hidden !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown:hover {
    min-height: 178px !important;
    padding-bottom: 12px !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--platform-accent) 8%, transparent), rgba(255, 255, 255, 0.028)),
        color-mix(in srgb, var(--platform-panel) 86%, transparent) !important;
    border-color: rgba(206, 217, 232, 0.17) !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open:has(.nav-subitem:nth-child(3)),
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active:has(.nav-subitem:nth-child(3)),
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown:hover:has(.nav-subitem:nth-child(3)) {
    min-height: 234px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-item-parent {
    min-height: 78px !important;
    margin: 0 !important;
    padding: 50px 44px 10px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-item-parent::before {
    left: 16px !important;
    top: 10px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-item-parent > .nav-label {
    left: 16px !important;
    right: 54px !important;
    bottom: 10px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-submenu {
    padding-top: 9px !important;
    border-top: 1px solid rgba(206, 217, 232, 0.08) !important;
    min-height: 55px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-submenu .nav-subitem {
    min-height: 46px !important;
    border: 1px solid rgba(206, 217, 232, 0.1) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)) !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-submenu .nav-subitem:hover,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-submenu .nav-subitem.active {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--platform-accent) 18%, transparent), rgba(255, 255, 255, 0.035)) !important;
}

/* V15: dropdowns reserve real layout space so following nav items never overlap. */
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown {
    display: flex !important;
    flex-direction: column !important;
    grid-column: 1 / -1 !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 8px !important;
    overflow: visible !important;
    align-self: stretch !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown:hover,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.open:has(.nav-subitem:nth-child(3)),
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown.active:has(.nav-subitem:nth-child(3)),
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown:hover:has(.nav-subitem:nth-child(3)) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-item-parent {
    min-height: 62px !important;
    padding: 14px 44px 14px 16px !important;
    display: flex !important;
    align-items: center !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-item-parent > .nav-label {
    position: static !important;
    width: calc(100% - 40px) !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-submenu {
    position: static !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: 8px !important;
    box-sizing: border-box !important;
}

@media (max-width: 980px) {
    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-item-parent {
        min-height: 58px !important;
        padding: 12px 44px 12px 16px !important;
    }

    body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-item-parent::before {
        left: 18px !important;
        top: 50% !important;
    }
}

/* V17: text-only sidebar uses a single vertical flow; dropdowns cannot overlap adjacent tiles. */
body.platform-board-v7 .sidebar:not(.collapsed) .sidebar-nav {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    gap: 10px !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-parent,
body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: auto !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown {
    flex: 0 0 auto !important;
}

body.platform-board-v7 .sidebar:not(.collapsed) .nav-item-dropdown > .nav-submenu {
    flex: 0 0 auto !important;
}

/* V18: on mobile keep logout/footer reachable; only the nav list scrolls. */
@media (max-width: 980px) {
    body.platform-shell-v6.platform-board-v7 .sidebar,
    body.platform-shell-v6.platform-board-v7 .sidebar.collapsed,
    body.platform-shell-v6.platform-board-v7 .sidebar.mobile-open {
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) auto !important;
        gap: 10px !important;
        overflow: hidden !important;
        padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)) 16px !important;
        box-sizing: border-box !important;
    }

    body.platform-shell-v6.platform-board-v7 .sidebar-header {
        min-height: 82px !important;
        flex: 0 0 auto !important;
        padding: 14px 56px 12px 16px !important;
    }

    body.platform-shell-v6.platform-board-v7 .sidebar-nav {
        min-height: 0 !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 4px 4px 12px 0 !important;
        overscroll-behavior: contain !important;
    }

    body.platform-shell-v6.platform-board-v7 .sidebar-footer {
        flex: 0 0 auto !important;
        min-height: 0 !important;
        max-height: 40dvh !important;
        overflow-y: auto !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.platform-shell-v6.platform-board-v7 .sidebar-account-card {
        margin-top: 0 !important;
    }

    body.platform-shell-v6.platform-board-v7 .sidebar-footer .logout-btn {
        width: 100% !important;
        min-height: 40px !important;
    }
}

/* V14: topbar/footer block swap requested by user. */
body.platform-board-v7 .lang-switcher {
    display: none !important;
}

body.platform-board-v7 .top-bar .top-rate-info {
    flex: 0 1 390px !important;
    min-width: 260px !important;
    margin-left: auto !important;
}

body.platform-board-v7 .top-bar .top-rate-card {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.platform-board-v7 .top-bar .top-rate-card .rate-item {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 9px 12px 9px 14px !important;
    border-radius: 15px 5px 15px 5px !important;
    border-color: color-mix(in srgb, var(--platform-warm-accent, var(--brand-accent)) 30%, transparent) !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--platform-warm-primary, var(--neon-cyan)) 14%, transparent), rgba(255, 255, 255, 0.045)),
        rgba(255, 255, 255, 0.032) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 14px 30px color-mix(in srgb, var(--platform-warm-primary, var(--neon-cyan)) 10%, transparent) !important;
}

body.platform-board-v7 .top-bar .rate-pair-label {
    min-width: 0 !important;
    color: var(--platform-muted) !important;
    font-size: 0.68rem !important;
    font-weight: 820 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
}

body.platform-board-v7 .top-bar .rate-values {
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 86px !important;
}

body.platform-board-v7 .top-bar .rate-rub {
    color: var(--platform-warm-accent, var(--brand-accent)) !important;
    font-size: 0.96rem !important;
    font-weight: 880 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

body.platform-board-v7 .sidebar-footer .sidebar-account-card {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
}

body.platform-board-v7 .sidebar-footer .sidebar-account-card .user-meta {
    width: 100% !important;
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 14px 4px 14px 4px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)) !important;
    border-color: rgba(206, 217, 232, 0.12) !important;
}

body.platform-board-v7 .sidebar-footer .sidebar-account-card .user-email {
    min-width: 0 !important;
    max-width: none !important;
    color: var(--platform-ink) !important;
    font-size: 0.86rem !important;
    font-weight: 820 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.platform-board-v7 .sidebar-footer .sidebar-account-card .user-role {
    padding: 5px 8px !important;
    font-size: 0.66rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.platform-board-v7 .sidebar-footer .sidebar-logout-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

body.platform-board-v7 .sidebar-footer .logout-btn {
    width: 100% !important;
    min-height: 38px !important;
    justify-content: center !important;
    border-radius: 14px 4px 14px 4px !important;
}

@media (max-width: 720px) {
    body.platform-board-v7 .top-bar {
        flex-wrap: wrap !important;
    }

    body.platform-board-v7 .top-bar .top-rate-info {
        flex-basis: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }
}