/* Global Be Vietnam Pro Typography Fix Mobile */
body, .fco-workspace, button, input, select, textarea {
    font-family: 'Be Vietnam Pro', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
/**
 * VIPE BOT FCO - LUXURY NEUMORPHIC MOBILE STYLESHEET (VIPE.VN DELUXE 2027 PARITY)
 * 100% Harmonized with Vipe.vn Neumorphism Design System.
 * Eliminates all jarring dark-mode clashes, redundancy, and clipped text.
 * Preserves 100% desktop experience on screens >= 769px.
 */

/* =========================================================================
   1. DESKTOP SAFEGUARDS (Desktop screens >= 769px remain 100% untouched)
   ========================================================================= */
@media (min-width: 769px) {
    .fco-mobile-only {
        display: none !important;
    }
}

/* =========================================================================
   2. MOBILE VIEWPORT (Screens <= 768px: iPhone, Android, Foldables)
   ========================================================================= */
@media (max-width: 768px) {
    /* Hide Desktop-only Clutter & Global Site Navbar on Mobile */
    .fco-desktop-only,
    .vipe-navbar-wrapper,
    header.vipe-navbar-wrapper,
    nav.vipe-navbar,
    .fco-top-bar,
    .fco-nav-tabs,
    .fco-workspace > .container > .fco-top-bar {
        display: none !important;
    }

    /* Workspace Safe-Area & Neumorphic Harmony */
    body.page-bot_fco {
        margin: 0 !important;
        background-color: var(--neu-bg, #E8EEF5) !important;
        color: var(--neu-text, #1E293B) !important;
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .fco-workspace {
        padding: 4px 0 calc(98px + env(safe-area-inset-bottom, 0px)) !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    .fco-workspace .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* =========================================================================
       3. LUXURY NEUMORPHIC MOBILE HEADER (54px Compact Game Control)
       ========================================================================= */
    .fco-mobile-header {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: rgba(236, 241, 247, 0.94);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.85);
        border-radius: 0 0 16px 16px;
        padding: calc(6px + env(safe-area-inset-top, 0px)) 10px 8px 10px;
        box-shadow: 0 4px 14px rgba(197, 205, 216, 0.45);
        margin-bottom: 10px;
    }

    .fco-mob-head-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        max-width: 100%;
    }

    /* Coach Info Capsule (White Neumorphic Extruded) */
    .fco-mob-coach-box {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        cursor: pointer;
        padding: 5px 9px;
        border-radius: 12px;
        background: #FFFFFF;
        box-shadow: 3px 3px 7px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(255, 255, 255, 0.9);
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .fco-mob-coach-box:active {
        transform: scale(0.98);
        box-shadow: inset 1px 1px 3px var(--neu-shadow-dark, #C5CDD8), inset -1px -1px 3px var(--neu-shadow-light, #FFFFFF);
    }

    .fco-mob-coach-avatar {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: linear-gradient(135deg, #2563EB, #1D4ED8);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-shadow: 0 2px 6px rgba(37, 99, 235, 0.35);
    }

    .fco-mob-coach-lvl {
        font-size: 0.68rem;
        font-weight: 800;
        color: #FFFFFF;
    }

    .fco-mob-coach-info {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .fco-mob-coach-name-row {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .fco-mob-coach-name {
        font-size: 0.84rem;
        font-weight: 800;
        color: var(--neu-heading, #0F172A);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 110px;
    }

    .fco-mob-live-row {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 0.65rem;
    }

    .fco-mob-live-text {
        font-family: monospace;
        color: #059669;
        font-size: 0.65rem;
        font-weight: 700;
    }

    .fco-mob-svip-badge {
        background: linear-gradient(135deg, #F59E0B, #D97706) !important;
        color: #FFFFFF !important;
        font-size: 0.6rem !important;
        padding: 1px 5px !important;
        border-radius: 4px !important;
        font-weight: 900 !important;
        box-shadow: 0 1px 4px rgba(245, 158, 11, 0.35);
    }

    .fco-mob-vip-badge {
        background: linear-gradient(135deg, #3B82F6, #1D4ED8) !important;
        color: #FFFFFF !important;
        font-size: 0.6rem !important;
        padding: 1px 5px !important;
        border-radius: 4px !important;
        font-weight: 900 !important;
    }

    /* Actions & BP Box */
    .fco-mob-actions-box {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
    }

    .fco-mob-bp-pill {
        display: flex;
        align-items: center;
        gap: 5px;
        background: #FFFFFF;
        box-shadow: inset 1px 1px 3px var(--neu-shadow-dark, #C5CDD8), inset -1px -1px 3px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(245, 158, 11, 0.25);
        padding: 5px 9px;
        border-radius: 10px;
    }

    .fco-coin-icon {
        color: #F59E0B;
        width: 14px;
        height: 14px;
        fill: rgba(245, 158, 11, 0.15);
    }

    .fco-mob-bp-val {
        font-size: 0.8rem;
        font-weight: 800;
        color: #D97706;
    }

    .fco-mob-icon-btn {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: var(--neu-surface, #ECF1F7);
        box-shadow: 3px 3px 6px var(--neu-shadow-dark, #C5CDD8), -2px -2px 5px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(255, 255, 255, 0.85);
        color: var(--neu-heading, #0F172A);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
        padding: 0;
        transition: all 0.15s ease;
    }

    .fco-mob-icon-btn:active {
        box-shadow: inset 1px 1px 3px var(--neu-shadow-dark, #C5CDD8), inset -1px -1px 3px var(--neu-shadow-light, #FFFFFF);
        transform: scale(0.96);
    }

    .fco-mob-icon-btn--menu {
        color: var(--neu-primary, #2563EB);
    }

    .fco-mob-unread-dot {
        position: absolute;
        top: 4px;
        right: 4px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #EF4444;
        box-shadow: 0 0 5px #EF4444;
    }

    /* =========================================================================
       4. LUXURY NEUMORPHIC BOTTOM NAVIGATION BAR (Sticky 5 Tabs)
       ========================================================================= */
    .fco-mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background: rgba(236, 241, 247, 0.96);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-top: 1px solid rgba(255, 255, 255, 0.95);
        padding-top: 6px;
        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
        box-shadow: 0 -6px 20px rgba(197, 205, 216, 0.45);
    }

    .fco-mob-nav-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        max-width: 500px;
        margin: 0 auto;
    }

    .fco-mob-nav-item {
        background: none;
        border: none;
        padding: 4px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: var(--neu-text-muted, #64748B);
        cursor: pointer;
        position: relative;
        text-decoration: none;
        transition: all 0.15s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .fco-mob-nav-item:active {
        transform: scale(0.94);
    }

    .fco-mob-nav-item.active {
        color: var(--neu-primary, #2563EB);
    }

    .fco-mob-nav-icon-wrap {
        position: relative;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fco-mob-nav-icon-wrap svg {
        width: 22px;
        height: 22px;
        transition: transform 0.15s ease;
    }

    .fco-mob-nav-item.active .fco-mob-nav-icon-wrap svg {
        transform: translateY(-2px);
        filter: drop-shadow(0 2px 6px rgba(37, 99, 235, 0.35));
    }

    .fco-mob-nav-label {
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.01em;
    }

    .fco-mob-nav-badge {
        position: absolute;
        top: -4px;
        right: -8px;
        background: #2563EB;
        color: #FFFFFF;
        font-size: 0.55rem;
        font-weight: 800;
        font-family: monospace;
        padding: 1px 4px;
        border-radius: 999px;
        min-width: 14px;
        text-align: center;
    }

    .fco-mob-pulse-dot-nav {
        position: absolute;
        top: -1px;
        right: -2px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #10B981;
        box-shadow: 0 0 6px #10B981;
    }

    /* Signature Center Action: Nâng Cấp (Craft Floating Disc) */
    .fco-mob-nav-item--craft {
        margin-top: -14px;
    }

    .fco-mob-craft-disc {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: linear-gradient(135deg, #10B981, #059669);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        box-shadow: 0 4px 14px rgba(16, 185, 129, 0.45);
        border: 3px solid var(--neu-surface, #ECF1F7);
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .fco-mob-craft-disc svg {
        width: 22px;
        height: 22px;
    }

    .fco-mob-nav-item--craft:active .fco-mob-craft-disc {
        transform: scale(0.92);
        box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
    }

    /* =========================================================================
       5. NEUMORPHIC SEGMENTED SQUAD SWITCHER (Eliminates Redundancy & Scroll)
       ========================================================================= */
    .fco-mobile-squad-switcher {
        margin-bottom: 10px;
    }

    .fco-mob-segment-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        background: #E2E8F0;
        box-shadow: inset 2px 2px 5px var(--neu-shadow-dark, #C5CDD8), inset -2px -2px 5px var(--neu-shadow-light, #FFFFFF);
        padding: 4px;
        border-radius: 14px;
        border: 1px solid rgba(255, 255, 255, 0.7);
    }

    .fco-mob-seg-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 9px 8px;
        border-radius: 10px;
        border: none;
        background: transparent;
        color: var(--neu-text-muted, #64748B);
        font-size: 0.8rem;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.15s ease;
    }

    .fco-mob-seg-btn:active {
        transform: scale(0.98);
    }

    .fco-mob-seg-btn.active {
        background: #FFFFFF;
        color: var(--neu-primary, #2563EB);
        box-shadow: 3px 3px 8px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(255, 255, 255, 0.9);
        font-weight: 800;
    }

    .fco-mob-squad-metrics-subbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 7px 10px;
        margin-top: 6px;
        font-size: 0.74rem;
        color: var(--neu-text-muted, #64748B);
        background: #FFFFFF;
        box-shadow: 2px 2px 6px rgba(197, 205, 216, 0.35);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.9);
    }

    .fco-mob-metric-tag strong {
        color: var(--neu-primary, #2563EB);
    }

    /* ELIMINATE REDUNDANCY: Hide duplicate column titles inside the card on mobile */
    #squadColRegistered .fco-panel-head > div:first-child,
    #squadColReserve .fco-panel-head > div:first-child {
        display: none !important;
    }

    #squadColRegistered .fco-panel-head,
    #squadColReserve .fco-panel-head {
        padding: 4px 6px 10px 6px !important;
        margin-bottom: 6px !important;
        border-bottom: none !important;
    }

    #squadColRegistered .fco-panel-head > div:last-child,
    #squadColReserve .fco-panel-head > div:last-child {
        width: 100% !important;
        display: flex !important;
        gap: 8px !important;
    }

    #inpFilterSquadReg,
    #inpFilterSquadRes {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Toggle visibility of squad columns on mobile */
    .fco-squad-split-layout {
        display: block !important;
    }

    #squadColRegistered,
    #squadColReserve {
        width: 100% !important;
        margin-bottom: 12px !important;
        background: var(--neu-surface, #ECF1F7) !important;
        border-radius: 18px !important;
        box-shadow: var(--neu-extruded-sm) !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
    }

    .fco-squad-table-scroll {
        overflow-x: hidden !important;
        padding: 0 !important;
    }

    #tab-squad .fco-table {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.fco-mob-show-reserve #squadColRegistered {
        display: none !important;
    }

    body.fco-mob-show-reserve #squadColReserve {
        display: block !important;
    }

    body:not(.fco-mob-show-reserve) #squadColRegistered {
        display: block !important;
    }

    body:not(.fco-mob-show-reserve) #squadColReserve {
        display: none !important;
    }

    /* =========================================================================
       6. NEUMORPHIC PLAYER CARD TILES (All Info & Buttons Visible, No Clipping)
       ========================================================================= */
    #tab-squad .fco-table,
    #tab-squad .fco-table tbody {
        display: block !important;
        width: 100% !important;
    }

    #tab-squad .fco-table thead {
        display: none !important;
    }

    #tab-squad .fco-table tbody tr {
        display: grid !important;
        grid-template-columns: 1fr 92px !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        column-gap: 8px !important;
        row-gap: 4px !important;
        padding: 10px 12px !important;
        margin-bottom: 8px !important;
        border-radius: 14px !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(255, 255, 255, 0.9) !important;
        box-shadow: 3px 3px 8px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF) !important;
        min-height: 64px !important;
        position: relative !important;
        cursor: pointer !important;
        transition: transform 0.12s ease, box-shadow 0.12s ease !important;
        -webkit-tap-highlight-color: transparent;
        box-sizing: border-box !important;
    }

    #tab-squad .fco-table tbody tr:active {
        transform: scale(0.985);
        box-shadow: inset 1px 1px 3px var(--neu-shadow-dark, #C5CDD8), inset -1px -1px 3px var(--neu-shadow-light, #FFFFFF) !important;
    }

    /* Col 1 (Spans both rows): Player Photo & Metadata (Left) */
    #tab-squad .fco-table tbody tr td:first-child {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }

    #tab-squad .fco-player-compact-cell {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    #tab-squad .fco-player-thumb {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        border: 1.5px solid #E2E8F0 !important;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) !important;
        flex-shrink: 0 !important;
    }

    #tab-squad .fco-player-compact-info {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }

    #tab-squad .fco-player-compact-row1 {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        margin-bottom: 2px !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }

    #tab-squad .fco-player-compact-name {
        font-size: 0.84rem !important;
        font-weight: 800 !important;
        color: var(--neu-heading, #0F172A) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        display: inline-block !important;
        min-width: 0 !important;
    }

    #tab-squad .fco-player-compact-row2 {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        font-size: 0.70rem !important;
        color: var(--neu-text-muted, #64748B) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    /* Col 2 Top: Price (Right top) */
    #tab-squad .fco-table tbody tr td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 92px !important;
        min-width: 92px !important;
        padding: 0 !important;
        border: none !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    #tab-squad .fco-table tbody tr td:nth-child(2) .font-mono {
        font-size: 0.82rem !important;
        font-weight: 800 !important;
        color: var(--neu-primary, #2563EB) !important;
    }

    /* Col 2 Bottom: Action Buttons (Right bottom) */
    #tab-squad .fco-table tbody tr td:last-child {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 92px !important;
        min-width: 92px !important;
        padding: 0 !important;
        border: none !important;
        white-space: nowrap !important;
    }

    #tab-squad .fco-squad-actions-wrap,
    #tab-squad .fco-table tbody tr td:last-child > div {
        display: inline-flex !important;
        gap: 6px !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
    }

    #tab-squad .fco-action-icon-btn {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.9) !important;
        box-shadow: 2px 2px 5px var(--neu-shadow-dark, #C5CDD8), -1px -1px 3px var(--neu-shadow-light, #FFFFFF) !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }

    #tab-squad .fco-action-icon-btn--primary {
        background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
        color: #FFFFFF !important;
        border: 1px solid rgba(255, 255, 255, 0.45) !important;
        box-shadow: 0 2px 5px rgba(37, 99, 235, 0.4) !important;
    }

    #tab-squad .fco-action-icon-btn--success {
        background: linear-gradient(135deg, #10B981, #059669) !important;
        color: #FFFFFF !important;
        border: 1px solid rgba(255, 255, 255, 0.45) !important;
        box-shadow: 0 2px 5px rgba(16, 185, 129, 0.4) !important;
    }

    #tab-squad .fco-action-icon-btn--register {
        background: linear-gradient(135deg, #0284C7, #0369A1) !important;
        color: #FFFFFF !important;
        border: 1px solid rgba(255, 255, 255, 0.45) !important;
        box-shadow: 0 2px 5px rgba(2, 132, 199, 0.4) !important;
    }

    #tab-squad .fco-action-icon-btn svg {
        width: 14px !important;
        height: 14px !important;
        stroke-width: 2.4 !important;
        stroke: currentColor !important;
    }

    /* On mobile row: Only show Craft [⚡] (or Register [📥]) and Sell [💰] (other actions in Bottom Sheet) */
    #tab-squad .fco-action-icon-btn:not(.fco-action-icon-btn--primary):not(.fco-action-icon-btn--success):not(.fco-action-icon-btn--register) {
        display: none !important;
    }

    /* Prevent bottom floating contacts/chat from obstructing cards */
    #tab-squad {
        padding-bottom: 95px !important;
    }

    /* =========================================================================
       7. LUXURY NEUMORPHIC BOTTOM SHEETS (Slide-Up Panels in Light Theme)
       ========================================================================= */
    .fco-sheet-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        z-index: 10001;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        animation: fcoSheetFadeIn 0.2s ease;
    }

    .fco-bottom-sheet {
        width: 100%;
        max-width: 500px;
        background: var(--neu-surface, #ECF1F7);
        border-top: 2px solid rgba(255, 255, 255, 0.95);
        border-radius: 22px 22px 0 0;
        box-shadow: 0 -12px 36px rgba(100, 116, 139, 0.35);
        max-height: 85vh;
        overflow-y: auto;
        padding: 0 16px calc(20px + env(safe-area-inset-bottom, 0px)) 16px;
        animation: fcoSheetSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        -webkit-overflow-scrolling: touch;
        color: var(--neu-text, #1E293B);
    }

    .fco-sheet-handle-bar {
        display: flex;
        justify-content: center;
        padding: 10px 0 8px 0;
    }

    .fco-sheet-handle {
        width: 40px;
        height: 4px;
        border-radius: 2px;
        background: #CBD5E1;
    }

    .fco-sheet-header-simple {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 0 12px 0;
        border-bottom: 1px solid rgba(197, 205, 216, 0.5);
        margin-bottom: 12px;
    }

    .fco-sheet-close-btn {
        background: #FFFFFF;
        box-shadow: 2px 2px 5px var(--neu-shadow-dark, #C5CDD8), -2px -2px 5px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(255, 255, 255, 0.85);
        color: var(--neu-text-muted, #64748B);
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    /* Player Info in Sheet */
    .fco-sheet-player-header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px;
        background: #FFFFFF;
        border-radius: 14px;
        box-shadow: 3px 3px 8px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(255, 255, 255, 0.9);
        margin-bottom: 14px;
    }

    .fco-sheet-player-thumb {
        position: relative;
        width: 52px;
        height: 52px;
        flex-shrink: 0;
    }

    .fco-sheet-player-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        border: 1.5px solid #E2E8F0;
    }

    .fco-sheet-grade-badge {
        position: absolute;
        bottom: -3px;
        right: -3px;
    }

    .fco-sheet-player-meta {
        flex: 1;
        min-width: 0;
    }

    .fco-sheet-name-line {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 4px;
    }

    .fco-sheet-player-name {
        font-size: 0.95rem;
        color: var(--neu-heading, #0F172A);
        font-weight: 800;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fco-sheet-sub-line {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 4px;
    }

    .fco-pos-pill {
        font-size: 0.68rem;
        font-weight: 800;
        padding: 1px 5px;
        border-radius: 4px;
        background: #EF4444;
        color: #FFFFFF;
    }

    .fco-ovr-pill {
        font-size: 0.74rem;
        font-weight: 800;
        color: #D97706;
    }

    .fco-salary-pill {
        font-size: 0.72rem;
        color: var(--neu-text-muted, #64748B);
    }

    .fco-sheet-price-line {
        font-size: 0.78rem;
        color: var(--neu-text-muted, #64748B);
    }

    .fco-price-val {
        color: var(--neu-primary, #2563EB);
        font-weight: 800;
    }

    /* Actions Grid in Sheet */
    .fco-sheet-actions-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .fco-sheet-act-btn {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 14px;
        background: #FFFFFF;
        box-shadow: 3px 3px 8px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(255, 255, 255, 0.9);
        color: var(--neu-heading, #0F172A);
        cursor: pointer;
        text-align: left;
        min-height: 52px;
        transition: all 0.15s ease;
    }

    .fco-sheet-act-btn:active {
        transform: scale(0.98);
        box-shadow: inset 1px 1px 3px var(--neu-shadow-dark, #C5CDD8), inset -1px -1px 3px var(--neu-shadow-light, #FFFFFF);
    }

    .fco-sheet-btn-icon {
        width: 38px;
        height: 38px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .fco-sheet-act-btn--craft .fco-sheet-btn-icon {
        background: rgba(16, 185, 129, 0.15);
        color: #059669;
    }

    .fco-sheet-act-btn--sell .fco-sheet-btn-icon {
        background: rgba(245, 158, 11, 0.15);
        color: #D97706;
    }

    .fco-sheet-act-btn--swap .fco-sheet-btn-icon {
        background: rgba(37, 99, 235, 0.15);
        color: #2563EB;
    }

    .fco-sheet-act-btn--lock .fco-sheet-btn-icon {
        background: rgba(239, 68, 68, 0.15);
        color: #DC2626;
    }

    .fco-sheet-btn-text {
        display: flex;
        flex-direction: column;
    }

    .fco-sheet-btn-title {
        font-size: 0.88rem;
        font-weight: 800;
        color: var(--neu-heading, #0F172A);
    }

    .fco-sheet-btn-desc {
        font-size: 0.72rem;
        color: var(--neu-text-muted, #64748B);
    }

    /* Menu & Account Sheet Items */
    .fco-menu-sheet-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .fco-menu-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 14px;
        background: #FFFFFF;
        box-shadow: 3px 3px 8px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF);
        border: 1px solid rgba(255, 255, 255, 0.9);
        cursor: pointer;
    }

    .fco-menu-item:active {
        box-shadow: inset 1px 1px 3px var(--neu-shadow-dark, #C5CDD8), inset -1px -1px 3px var(--neu-shadow-light, #FFFFFF);
    }

    .fco-menu-item-icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .fco-menu-item-info {
        flex: 1;
        min-width: 0;
    }

    .fco-menu-item-title {
        font-size: 0.86rem;
        font-weight: 800;
        color: var(--neu-heading, #0F172A);
    }

    .fco-menu-item-desc {
        font-size: 0.72rem;
        color: var(--neu-text-muted, #64748B);
    }

    .fco-sheet-account-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        max-height: min(60vh, 440px);
        overflow-y: auto;
        margin-bottom: 14px;
        padding-bottom: 4px;
    }

    .fco-acc-item {
        background: #FFFFFF !important;
        box-shadow: 3px 3px 8px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF) !important;
        border: 1px solid rgba(255, 255, 255, 0.9) !important;
        border-radius: 14px !important;
        color: var(--neu-heading, #0F172A) !important;
        padding: 10px 12px !important;
    }

    .fco-acc-item--active {
        border: 2px solid var(--neu-primary, #2563EB) !important;
    }

    .fco-sheet-foot-actions {
        display: flex;
        gap: 8px;
    }

    /* =========================================================================
       8. MODAL SEARCH COACH & INGAME CRAFT (Neumorphic Parity)
       ========================================================================= */
    #modalSearchCoach .fco-craft-modal {
        background: var(--neu-surface, #ECF1F7) !important;
        color: var(--neu-text, #1E293B) !important;
        padding: 16px !important;
    }

    #modalSearchCoach .fco-table-scroll {
        overflow-x: hidden !important;
        padding: 0 !important;
    }

    #modalSearchCoach .fco-table,
    #modalSearchCoach .fco-table tbody {
        display: block !important;
        width: 100% !important;
    }

    #modalSearchCoach .fco-table thead {
        display: none !important;
    }

    #modalSearchCoach .fco-table tbody tr {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: #FFFFFF !important;
        box-shadow: 2px 2px 6px var(--neu-shadow-dark, #C5CDD8), -2px -2px 6px var(--neu-shadow-light, #FFFFFF) !important;
        border-radius: 12px !important;
        margin-bottom: 8px !important;
        padding: 10px 12px !important;
        color: var(--neu-heading, #0F172A) !important;
        box-sizing: border-box !important;
        border: 1px solid rgba(255, 255, 255, 0.9) !important;
        gap: 8px !important;
    }

    /* Hide index column # on mobile */
    #modalSearchCoach .fco-table tbody tr td:nth-child(1) {
        display: none !important;
    }

    /* Col 2: Player Compact Cell (Left, flex-1) */
    #modalSearchCoach .fco-table tbody tr td:nth-child(2) {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Col 3: Price */
    #modalSearchCoach .fco-table tbody tr td:nth-child(3) {
        flex: 0 0 auto !important;
        text-align: right !important;
        padding: 0 !important;
        border: none !important;
        font-size: 0.84rem !important;
        font-weight: 800 !important;
        color: var(--neu-primary) !important;
        white-space: nowrap !important;
    }

    /* Col 4: Soi / Mua Button */
    #modalSearchCoach .fco-table tbody tr td:nth-child(4) {
        flex: 0 0 auto !important;
        padding: 0 !important;
        border: none !important;
    }

    /* In-game Craft & Orderbook Bottom Sheet Adaptation */
    .fco-craft-modal-backdrop {
        align-items: flex-end !important;
        padding: 0 !important;
        background: rgba(15, 23, 42, 0.45) !important;
    }

    .fco-craft-modal {
        border-radius: 22px 22px 0 0 !important;
        max-height: 88vh !important;
        width: 100% !important;
        max-width: 100% !important;
        border-bottom: none !important;
        background: var(--neu-surface, #ECF1F7) !important;
        box-shadow: 0 -8px 24px rgba(100, 116, 139, 0.4) !important;
        animation: fcoSheetSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .ingame-showcase-row {
        flex-direction: column !important;
        align-items: center !important;
        padding: 12px 14px !important;
        gap: 12px !important;
    }

    .ingame-specs-col {
        width: 100% !important;
    }

    .ingame-materials-rack {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 6px !important;
    }

    .fco-ob-showcase {
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .fco-ob-specs {
        width: 100% !important;
    }

    .fco-ob-split {
        grid-template-columns: 1fr !important;
    }

    /* Floating task & activity pill positioning above bottom nav */
    .fco-floating-task {
        bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
        left: 10px !important;
        right: 10px !important;
        max-width: calc(100vw - 20px) !important;
    }

    .fco-activity-pill {
        bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
        left: 10px !important;
        right: auto !important;
        max-width: calc(100vw - 20px) !important;
    }

    .fco-activity-console-popup {
        bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
        left: 10px !important;
        right: 10px !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
    }
}


    /* =========================================================================
       AUTOMATION SUITE & SNIPE MOBILE REDESIGN 2027
       ========================================================================= */
    /* Subnav Pills Mobile Single Row Horizontal Scroll (Never Wraps!) */
    .fco-subnav-pills {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 6px !important;
        padding: 4px 2px 10px 2px !important;
        margin-bottom: 12px !important;
        scrollbar-width: none !important;
    }
    .fco-subnav-pills::-webkit-scrollbar {
        display: none !important;
    }
    .fco-subnav-btn {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        padding: 8px 13px !important;
        font-size: 0.78rem !important;
        font-weight: 700 !important;
        border-radius: 9px !important;
    }

    /* Hide floating contacts (Zalo / Tele) in Bot FCO workspace on mobile */
    .floating-contacts,
    .floating-btn,
    .floating-btn-zalo,
    .floating-btn-tele {
        display: none !important;
    }

    /* Ensure toast notification floats at bottom-center (above bottom nav) so it never blocks top tabs or subnav buttons */
    #vipe-toast-container,
    .vipe-toast-container {
        top: auto !important;
        bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
        left: 12px !important;
        right: 12px !important;
        max-width: calc(100vw - 24px) !important;
        pointer-events: none !important;
    }

    /* Auto Chèn Hàng Mobile Layout Perfection */
    .fco-segmented-control {
        margin-bottom: 12px !important;
    }
    .fco-snipe-player-card {
        padding: 10px 12px !important;
    }


    /* =========================================================================
       PERFECTION FIXES: CRAFT STRATEGY 2X2 GRID & COMPACT SEGMENTED CONTROL
       ========================================================================= */
    /* Auto Craft 2x2 Balanced Strategy Grid Mobile (Eliminates vertical bloat!) */
    .fco-grid-4 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .fco-strategy-card {
        padding: 9px 8px !important;
        border-radius: 12px !important;
        min-height: 80px !important;
        gap: 2px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }
    .fco-strategy-card .strat-radio {
        font-size: 0.85rem !important;
        margin-bottom: 2px !important;
    }
    .fco-strategy-card .strat-title {
        font-size: 0.8rem !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }
    .fco-strategy-card .strat-desc {
        font-size: 0.67rem !important;
        color: var(--neu-text-muted) !important;
        line-height: 1.3 !important;
        margin-top: 2px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Auto Craft Step 1 Controls Laser Alignment */
    .craft-step1-controls {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .craft-step1-controls select#craftTargetSelect {
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
    }
    .craft-step1-row2 {
        display: flex !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .craft-step1-row2 select#craftAddTargetGrade {
        flex: 1 !important;
        min-width: 0 !important;
        height: 42px !important;
    }
    .craft-step1-row2 button {
        height: 42px !important;
        padding: 0 12px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        font-size: 0.8rem !important;
    }

    /* Segmented Control Single Line Guarantee */
    .fco-segmented-control {
        margin-bottom: 12px !important;
        padding: 3px !important;
    }
    .fco-segmented-control .fco-sub-pill {
        white-space: nowrap !important;
        font-size: 0.77rem !important;
        padding: 7px 4px !important;
        gap: 4px !important;
        letter-spacing: -0.2px !important;
    }
    .fco-segmented-control .fco-sub-pill svg {
        width: 14px !important;
        height: 14px !important;
        flex-shrink: 0 !important;
    }

    /* Snipe Results Container - Never clip button on right */
    #snipeSearchResults {
        overflow-x: hidden !important;
        padding: 4px 4px 4px 6px !important;
        box-sizing: border-box !important;
    }

/* Animations */
@keyframes fcoSheetFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fcoSheetSlideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

/* =========================================================================
   COMPREHENSIVE UI/UX PERFECTION ENHANCEMENTS (MASTER REFACTOR 2026)
   ========================================================================= */

/* 1. Hide floating contacts on Bot FCO to prevent covering forms and buttons */
.floating-contacts {
    display: none !important;
}

/* 2. Reposition toast container to bottom-center (above bottom nav) so it never blocks top tabs or form controls */
#vipe-toast-container,
.vipe-toast-container {
    top: auto !important;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    left: 12px !important;
    right: 12px !important;
    max-width: calc(100vw - 24px) !important;
    pointer-events: none !important;
}
.vipe-toast {
    pointer-events: auto !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

/* 3. Panel titles: Compact & prevent text overflow/clipping */
.fco-panel-title {
    font-size: 0.95rem !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.3 !important;
}

/* 4. Craft matrix inputs: Compact sizing on mobile */
.craft-mat-ovr {
    width: 48px !important;
    padding: 3px 2px !important;
    font-size: 0.8rem !important;
    height: 28px !important;
}
.craft-mat-cnt {
    width: 58px !important;
    padding: 3px 2px !important;
    font-size: 0.78rem !important;
    height: 28px !important;
}
.craft-mat-bp {
    width: 82px !important;
    padding: 3px 4px !important;
    font-size: 0.75rem !important;
    height: 28px !important;
}

/* 5. Dark theme preservation for Orderbook Modal (No washed-out light gray!) */
#modalOrderbookTrade .fco-craft-modal,
#modalOrderbookTrade.fco-craft-modal-backdrop .fco-craft-modal {
    background: linear-gradient(180deg, #111827 0%, #090d16 100%) !important;
    color: #f8fafc !important;
}

/* 6. Mobile Adaptive Layouts strictly within @media (max-width: 768px) */
@media (max-width: 768px) {
    /* 6.1 Account Modal Mobile Card Layout (VIPE Luxury 2027) */
    .fco-acc-modal-toolbar {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }
    .fco-acc-modal-toolbar .fco-btn-add-acc {
        width: 100% !important;
        height: 38px !important;
        justify-content: center !important;
        font-weight: 800 !important;
        font-size: 0.85rem !important;
        order: 1 !important;
    }
    .fco-acc-modal-toolbar .fco-acc-bulk-btns {
        display: flex !important;
        gap: 6px !important;
        width: 100% !important;
        order: 2 !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        padding-bottom: 2px !important;
    }
    .fco-acc-modal-toolbar .fco-acc-bulk-btns::-webkit-scrollbar {
        display: none !important;
    }
    .fco-acc-modal-toolbar .fco-acc-bulk-btns > * {
        flex-shrink: 0 !important;
    }
    .fco-acc-modal-toolbar .fco-acc-bulk-btns button,
    .fco-acc-modal-toolbar .fco-acc-bulk-btns label {
        height: 32px !important;
        font-size: 0.72rem !important;
        padding: 0 6px !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    .fco-account-card {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        padding: 12px 14px !important;
    }
    .fco-account-card .fco-acc-left {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    .fco-account-card .fco-acc-meta-wrap {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.02) !important;
        padding: 6px 10px !important;
        border-radius: 8px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }
    .fco-account-card .fco-acc-status-box {
        min-width: 0 !important;
        flex: 0 1 auto !important;
        align-items: flex-start !important;
    }
    .fco-account-card .fco-acc-finance-box {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        align-items: flex-end !important;
    }
    .fco-account-card .fco-acc-actions {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        justify-content: stretch !important;
        gap: 6px !important;
        padding-top: 8px !important;
        border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    }
    .fco-account-card .fco-acc-actions .fco-acc-active-check,
    .fco-account-card .fco-acc-actions .fco-btn-use-acc {
        flex: 1 1 auto !important;
        width: auto !important;
        height: 36px !important;
        justify-content: center !important;
    }
    .fco-account-card .fco-acc-actions .fco-btn-icon-acc {
        height: 36px !important;
        width: 36px !important;
        min-width: 36px !important;
    }

    /* 7. Coach Search Modal Compact Fixes */
    #modalSearchCoach .fco-coach-squad-table tbody tr td:nth-child(2) .fco-player-compact-name {
        max-width: 175px !important;
    }
    
    /* 8. Items Tab Top Stats Row Compact 2-col Grid on Mobile */
    .fco-stat-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }
    #statBoxSvip {
        grid-column: 1 / -1 !important;
    }
    .fco-stat-box {
        padding: 8px 10px !important;
        border-radius: 10px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    .fco-stat-box > div:first-child {
        min-width: 0 !important;
        flex: 1 !important;
        overflow: hidden !important;
    }
    .fco-stat-box .stat-lbl {
        font-size: 0.68rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .fco-stat-box .stat-num {
        font-size: 1.05rem !important;
    }
    .fco-stat-icon {
        width: 32px !important;
        height: 32px !important;
        flex-shrink: 0 !important;
    }

    /* 9. Mobile TopOvr 1-Single Row Bar */
    .fco-topovr-filter-bar {
        display: flex !important;
        flex-direction: row !important;
        gap: 5px !important;
        align-items: center !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .fco-topovr-field label {
        display: none !important;
    }
    .fco-topovr-ovr {
        width: 58px !important;
        min-width: 58px !important;
        flex: 0 0 58px !important;
    }
    .fco-topovr-ovr input {
        height: 34px !important;
        font-size: 0.84rem !important;
        font-weight: 800 !important;
        padding: 0 4px !important;
        text-align: center !important;
    }
    .fco-topovr-grade {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .fco-topovr-grade select {
        height: 34px !important;
        font-size: 0.72rem !important;
        padding: 0 4px !important;
        width: 100% !important;
    }
    .fco-topovr-season {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .fco-topovr-season select {
        height: 34px !important;
        font-size: 0.72rem !important;
        padding: 0 4px !important;
        width: 100% !important;
    }
    .fco-topovr-btn {
        flex: 0 0 auto !important;
    }
    .fco-topovr-btn button {
        height: 34px !important;
        font-size: 0.74rem !important;
        padding: 0 8px !important;
        white-space: nowrap !important;
    }

    /* 10. Items Tab Balanced SVIP Banner & Single-Line Pills */
    #statBoxSvip {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 12px !important;
    }
    #statBoxSvip > div:first-child {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }
    #statBoxSvip .stat-lbl {
        margin-bottom: 0 !important;
        font-size: 0.76rem !important;
    }
    #statBoxSvip .stat-num {
        font-size: 0.88rem !important;
    }
    #statBoxSvip #subTextSvipStatus {
        display: none !important;
    }
    .fco-sub-pills {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 6px !important;
        padding-bottom: 4px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .fco-sub-pills::-webkit-scrollbar {
        display: none !important;
    }
    .fco-sub-pills .fco-sub-pill {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        font-size: 0.72rem !important;
        padding: 4px 8px !important;
    }

    /* 11. Compact GLXH Config on Mobile */
    .fco-glxh-config-grid {
        grid-template-columns: 100px 1fr !important;
        gap: 8px !important;
    }

    .fco-topovr-btn .fco-btn-mob-txt { display: inline !important; }
    .fco-topovr-btn .fco-btn-desk-txt { display: none !important; }
    .fco-topovr-btn button {
        padding: 0 10px !important;
    }
}

/* --- Mobile Items Tab & Card Compact Layout Guard --- */
@media (max-width: 768px) {
    .neu-card.fco-panel {
        overflow: hidden !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    .fco-sub-pills {
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 4px 0 !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
    }
    .fco-sub-pills::-webkit-scrollbar {
        display: none !important;
    }
    .fco-sub-pill {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    .fco-stat-box .stat-lbl {
        white-space: normal !important;
        line-height: 1.25 !important;
        font-size: 0.68rem !important;
    }
    .fco-stat-icon {
        width: 34px !important;
        height: 34px !important;
        flex-shrink: 0 !important;
    }
    .fco-item-card {
        padding: 8px 10px !important;
        gap: 8px !important;
    }
    .fco-item-card .item-thumb {
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
    }
    .fco-item-card .item-thumb img {
        width: 28px !important;
        height: 28px !important;
    }
    .fco-item-card .neu-btn {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 9px !important;
        font-size: 0.73rem !important;
        border-radius: 6px !important;
        font-weight: 700 !important;
        flex-shrink: 0 !important;
    }
}

/* =========================================================================
   ABSOLUTE SUPPRESSION OF FLOATING TOAST POPUPS ON BOT FCO
   ========================================================================= */
#vipe-toast-container,
.vipe-toast-container,
#toast-container,
.toast-container,
.vipe-toast,
.neumorph-toast {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}


/* =========================================================================
   MOBILE AUTH / MKC2 WARNING BANNER RESPONSIVE OVERFLOW FIX
   ========================================================================= */
@media (max-width: 768px) {
    #activeAccAuthErrorBanner,
    .fco-auth-error-banner {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
        padding: 12px 14px !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    #activeAccAuthErrorBanner > div,
    .fco-auth-error-banner > div {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #activeAccAuthErrorBannerText {
        font-size: 0.82rem !important;
        line-height: 1.4 !important;
        word-break: break-word !important;
        text-align: center !important;
    }

    #activeAccAuthErrorBanner .neu-btn,
    .fco-auth-error-banner .neu-btn {
        width: 100% !important;
        max-width: 260px !important;
        justify-content: center !important;
        padding: 8px 16px !important;
        font-size: 0.84rem !important;
        white-space: nowrap !important;
        margin: 0 auto !important;
    }
}


/* SQUAD NOTICE ROW RESPONSIVE GRID OVERRIDE */
@media (max-width: 768px) {
    #tab-squad .fco-table tbody tr.fco-squad-notice-row,
    .fco-table tbody tr.fco-squad-notice-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        min-height: auto !important;
        margin-bottom: 0 !important;
    }

    #tab-squad .fco-table tbody tr.fco-squad-notice-row td,
    .fco-table tbody tr.fco-squad-notice-row td {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        gap: 8px !important;
        padding: 20px 14px !important;
        overflow: visible !important;
        border: none !important;
    }

    #tab-squad .fco-table tbody tr.fco-squad-notice-row .neu-btn,
    .fco-table tbody tr.fco-squad-notice-row .neu-btn {
        width: auto !important;
        max-width: 220px !important;
        margin: 4px auto 0 auto !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }
}


/* =========================================================================
   VIPE FCO FINTECH DÂN BUÔN EDITION (HIGH-DENSITY COMPACT UI 2026/2027)
   ========================================================================= */
@media (max-width: 768px) {
    /* 1. HIDE GLOBAL SITE NAVBAR & DESKTOP CLUTTER ON MOBILE */
    body.page-bot_fco .vipe-navbar-wrapper,
    body.page-bot_fco header.vipe-navbar-wrapper,
    .fco-workspace > .container > .vipe-navbar-wrapper,
    #fcoFiveSlotDock,
    .fco-five-slot-dock,
    .fco-top-bar,
    .fco-nav-tabs,
    .fco-squad-compact-actions.fco-desktop-only,
    .fco-mobile-squad-switcher,
    #tab-squad .fco-panel-head {
        display: none !important;
    }

    /* 2. STICKY FINTECH HEADER (EXACT 50PX HEIGHT) */
    .fco-mobile-header {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        z-index: 1050 !important;
        background: rgba(248, 250, 252, 0.96) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        padding: 0 10px !important;
        margin: 0 0 6px 0 !important;
        display: flex !important;
        align-items: center !important;
        border-radius: 0 !important;
    }

    .fco-mob-head-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 100% !important;
        gap: 8px !important;
    }

    /* Left: Avatar 30px + Coach Name + Live Dot */
    .fco-mob-head-left {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        min-width: 0 !important;
        cursor: pointer !important;
        flex: 0 1 auto !important;
    }

    .fco-mob-avatar-30 {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
        color: #FFFFFF !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 800 !important;
        font-size: 0.76rem !important;
        flex-shrink: 0 !important;
        box-shadow: 0 2px 5px rgba(37, 99, 235, 0.3) !important;
    }

    .fco-mob-coach-meta {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        min-width: 0 !important;
    }

    .fco-mob-coach-name {
        font-size: 0.82rem !important;
        font-weight: 800 !important;
        color: #0F172A !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 95px !important;
    }

    .fco-pulse-dot {
        width: 7px !important;
        height: 7px !important;
        border-radius: 50% !important;
        background: #10B981 !important;
        box-shadow: 0 0 6px #10B981 !important;
        display: inline-block !important;
        flex-shrink: 0 !important;
    }

    /* Center: Gold BP Balance */
    .fco-mob-head-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .fco-mob-bp-gold {
        font-size: 0.88rem !important;
        font-weight: 800 !important;
        color: #D97706 !important;
        white-space: nowrap !important;
        background: rgba(245, 158, 11, 0.08) !important;
        padding: 4px 10px !important;
        border-radius: 8px !important;
        border: 1px solid rgba(245, 158, 11, 0.25) !important;
        box-shadow: inset 1px 1px 2px rgba(245, 158, 11, 0.1) !important;
    }

    /* Right: 2 Quick Action Buttons 32px */
    .fco-mob-head-right {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        flex-shrink: 0 !important;
    }

    .fco-mob-quick-btn {
        width: 32px !important;
        height: 32px !important;
        border-radius: 8px !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(226, 232, 240, 0.8) !important;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) !important;
        color: #1E293B !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        cursor: pointer !important;
        position: relative !important;
    }

    .fco-mob-quick-btn:active {
        transform: scale(0.95) !important;
        background: #F1F5F9 !important;
    }

    .fco-mob-quick-btn svg {
        width: 15px !important;
        height: 15px !important;
    }

    /* 3. HORIZONTAL THUMB-FRIENDLY FILTER CHIPS (HEIGHT 32PX) */
    .fco-squad-chips-scroll {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 2px 4px 6px 4px !important;
        margin: 0 0 6px 0 !important;
        scrollbar-width: none !important;
    }

    .fco-squad-chips-scroll::-webkit-scrollbar {
        display: none !important;
    }

    .fco-squad-chips-track {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        white-space: nowrap !important;
    }

    .fco-squad-chip {
        height: 30px !important;
        padding: 0 10px !important;
        border-radius: 15px !important;
        font-size: 0.74rem !important;
        font-weight: 700 !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(226, 232, 240, 0.9) !important;
        color: #475569 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        cursor: pointer !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
        transition: all 0.15s ease !important;
        flex-shrink: 0 !important;
    }

    .fco-squad-chip.active {
        background: #2563EB !important;
        color: #FFFFFF !important;
        border-color: #2563EB !important;
        box-shadow: 0 2px 6px rgba(37, 99, 235, 0.35) !important;
    }

    .fco-squad-chip strong {
        font-family: 'JetBrains Mono', monospace !important;
    }

    /* 4. HIGH DENSITY PLAYER ROW (EXACT 48PX - 52PX HEIGHT) */
    #tab-squad .neu-card.fco-panel.fco-squad-col {
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

    #tab-squad .fco-table-scroll {
        overflow: visible !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    #tab-squad .fco-table {
        width: 100% !important;
        display: block !important;
        border-collapse: separate !important;
        border-spacing: 0 3px !important;
        margin: 0 !important;
    }

    #tab-squad .fco-table tbody {
        display: block !important;
        width: 100% !important;
    }

    #tab-squad .fco-table thead {
        display: none !important;
    }

    #tab-squad .fco-table tbody tr {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 0 8px !important;
        margin-bottom: 3px !important;
        border-radius: 10px !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(226, 232, 240, 0.7) !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
        box-sizing: border-box !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
    }

    #tab-squad .fco-table tbody tr:active {
        background: #F8FAFC !important;
        transform: scale(0.99) !important;
    }

    /* Col 1: Player Photo, Grade Corner, Name & Specs */
    #tab-squad .fco-col-player-main,
    #tab-squad .fco-table tbody tr td:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        border: none !important;
        grid-column: unset !important;
        grid-row: unset !important;
    }

    .fco-player-compact-cell {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .fco-player-thumb-wrap {
        position: relative !important;
        width: 32px !important;
        height: 32px !important;
        flex-shrink: 0 !important;
    }

    .fco-player-thumb {
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        display: block !important;
        background: #E2E8F0 !important;
    }

    .fco-player-grade-corner {
        position: absolute !important;
        bottom: -2px !important;
        right: -3px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .fco-grade-img--corner {
        height: 13px !important;
        width: auto !important;
    }

    .fco-player-compact-info {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .fco-player-compact-row1 {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    .fco-player-compact-name {
        font-size: 0.80rem !important;
        font-weight: 800 !important;
        color: #0F172A !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 110px !important;
        line-height: 1.2 !important;
    }

    .fco-player-compact-row2 {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        font-size: 0.65rem !important;
        line-height: 1 !important;
        margin-top: 1px !important;
        white-space: nowrap !important;
    }

    .fco-season-badge-img {
        height: 11px !important;
        width: auto !important;
    }

    /* Col 2: Gold BP Price & Ticker */
    #tab-squad .fco-col-player-price,
    #tab-squad .fco-table tbody tr td:nth-child(2) {
        flex: 0 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;
        border: none !important;
        margin: 0 6px !important;
    }

    .fco-player-price {
        font-family: 'JetBrains Mono', monospace !important;
        font-size: 0.80rem !important;
        font-weight: 800 !important;
        color: #D97706 !important;
        white-space: nowrap !important;
    }

    .fco-unlock-ticker {
        font-size: 0.62rem !important;
        color: #EF4444 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }

    /* Col 3: Two 30px Circular Buttons [⚡] and [$] */
    #tab-squad .fco-col-player-actions,
    #tab-squad .fco-table tbody tr td:last-child {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        border: none !important;
    }

    .fco-row-actions-group {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    #tab-squad .fco-action-icon-btn {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.45) !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
        cursor: pointer !important;
        transition: transform 0.1s ease !important;
    }

    #tab-squad .fco-action-icon-btn:active {
        transform: scale(0.92) !important;
    }

    #tab-squad .fco-action-icon-btn--primary {
        background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
        color: #FFFFFF !important;
    }

    #tab-squad .fco-action-icon-btn--success {
        background: linear-gradient(135deg, #10B981, #059669) !important;
        color: #FFFFFF !important;
    }

    #tab-squad .fco-action-icon-btn svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* Hide redundant buttons on mobile row */
    #tab-squad .fco-action-icon-btn:not(.fco-action-icon-btn--primary):not(.fco-action-icon-btn--success) {
        display: none !important;
    }

    /* Notice row exception (MKC2 warning) */
    #tab-squad .fco-table tbody tr.fco-squad-notice-row {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 16px !important;
    }

    /* 5. PRO TRADER FLOATING ACTION BUTTON (FAB) */
    .fco-fab-container {
        position: fixed !important;
        bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
        right: 14px !important;
        z-index: 1045 !important;
    }

    .fco-fab-backdrop {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15, 23, 42, 0.45) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 1040 !important;
    }

    .fco-fab-btn {
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
        color: #FFFFFF !important;
        border: 2px solid #FFFFFF !important;
        box-shadow: 0 4px 16px rgba(37, 99, 235, 0.5) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 1046 !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }

    .fco-fab-btn:active {
        transform: scale(0.92) !important;
    }

    .fco-fab-btn.active {
        background: #EF4444 !important;
        box-shadow: 0 4px 16px rgba(239, 68, 68, 0.5) !important;
    }

    .fco-fab-btn svg {
        width: 22px !important;
        height: 22px !important;
    }

    .fco-fab-menu {
        position: absolute !important;
        bottom: 58px !important;
        right: 0 !important;
        display: none !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        gap: 10px !important;
        z-index: 1046 !important;
    }

    .fco-fab-menu.active {
        display: flex !important;
    }

    .fco-fab-item {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        background: none !important;
        border: none !important;
        padding: 0 !important;
        cursor: pointer !important;
        animation: fcoFabSlideUp 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .fco-fab-label {
        background: #FFFFFF !important;
        color: #0F172A !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        padding: 6px 12px !important;
        border-radius: 20px !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
        white-space: nowrap !important;
        border: 1px solid rgba(226, 232, 240, 0.9) !important;
    }

    .fco-fab-icon-bubble {
        width: 38px !important;
        height: 38px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #FFFFFF !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
        border: 2px solid #FFFFFF !important;
    }

    .fco-fab-icon--claim {
        background: linear-gradient(135deg, #10B981, #059669) !important;
    }

    .fco-fab-icon--liquidate {
        background: linear-gradient(135deg, #F59E0B, #D97706) !important;
    }

    .fco-fab-icon--lock {
        background: linear-gradient(135deg, #3B82F6, #1D4ED8) !important;
    }
}

@media (max-width: 768px) {
    #tab-squad .fco-col-player-price .font-mono,
    #tab-squad .fco-player-price,
    #tab-squad .fco-col-player-price div.font-mono,
    .fco-player-price {
        color: #D97706 !important;
        font-family: 'JetBrains Mono', monospace !important;
        font-size: 0.82rem !important;
        font-weight: 800 !important;
    }
}

/* ITEM SUB-PILLS MOBILE HORIZONTAL SCROLL */
@media (max-width: 768px) {
    .fco-sub-pills {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        max-width: 100% !important;
        gap: 6px !important;
        padding: 4px 2px !important;
    }
    .fco-sub-pills::-webkit-scrollbar {
        display: none !important;
    }
    .fco-sub-pill {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }
}


/* Craft Gauge Mode Pills (Fintech High Density) */
.fco-mode-pill {
    background: var(--neu-surface, #eef2f7);
    border: 1.5px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 10px 12px;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s ease;
    box-shadow: 2px 2px 5px var(--neu-shadow-dark, #C5CDD8), -2px -2px 5px var(--neu-shadow-light, #FFFFFF);
}
.fco-mode-pill:hover {
    border-color: var(--neu-primary, #3b82f6);
    transform: translateY(-1px);
}
.fco-mode-pill.active {
    background: rgba(59, 130, 246, 0.08);
    border-color: var(--neu-primary, #3b82f6);
    box-shadow: inset 1px 1px 3px var(--neu-shadow-dark, #C5CDD8), inset -1px -1px 3px var(--neu-shadow-light, #FFFFFF);
}
.craft-ctrl-row-1 {
    display: grid;
    grid-template-columns: minmax(260px, 1.8fr) minmax(130px, 0.9fr) auto auto;
    gap: 10px;
    align-items: end;
}
@media (max-width: 768px) {
    .craft-ctrl-row-1 {
        grid-template-columns: 1fr 1fr;
    }
    .craft-ctrl-row-1 > div:first-child {
        grid-column: span 2;
    }
}