/* PerkOS PROFESSIONAL Theme - Enterprise Grade Fintech Design */
/* Based on UX Designer recommendations: Bloomberg Terminal quality */

:root {
    /* PROFESSIONAL BASE COLORS - Deep Navy Enterprise Theme */
    --perkos-professional-base: #0F0A1C;        /* Deep navy background */
    --perkos-professional-card: #1A1428;        /* Card backgrounds */
    --perkos-professional-elevated: #242038;     /* Elevated surfaces */
    --perkos-professional-border: #2D2645;      /* Subtle borders */
    
    /* STRATEGIC PERKOS BRAND INTEGRATION */
    --perkos-brand-primary: #EB1B69;            /* Hot pink - strategic use only */
    --perkos-brand-secondary: #EF5B57;          /* Coral - accents only */
    --perkos-brand-tertiary: #FD8F50;           /* Orange - highlights only */
    
    /* PROFESSIONAL ACCENT SYSTEM */
    --perkos-accent-pink: rgba(235, 27, 105, 0.12);     /* Subtle brand presence */
    --perkos-accent-coral: rgba(239, 91, 87, 0.08);     /* Very subtle coral */
    --perkos-accent-orange: rgba(253, 143, 80, 0.06);   /* Minimal orange hint */
    
    /* ENTERPRISE TEXT SYSTEM */
    --perkos-text-primary: #FFFFFF;             /* Primary text - 15.2:1 contrast */
    --perkos-text-secondary: #B8B3C8;           /* Secondary text */
    --perkos-text-tertiary: #8A7F9A;            /* Tertiary text */
    --perkos-text-muted: #6B5F7A;               /* Muted text */
    
    /* PROFESSIONAL STATUS SYSTEM */
    --perkos-status-success: #00D084;           /* Success green */
    --perkos-status-warning: #FFB020;           /* Warning amber */
    --perkos-status-error: #FF4757;             /* Error red */
    --perkos-status-info: #3742FA;              /* Info blue */
    --perkos-status-pending: #7B68EE;           /* Pending purple */
    
    /* FINTECH GRADIENTS - Subtle Professional */
    --perkos-gradient-header: linear-gradient(135deg, #0F0A1C 0%, #1A1428 50%, #0F0A1C 100%);
    --perkos-gradient-card: linear-gradient(135deg, #1A1428 0%, #242038 100%);
    --perkos-gradient-brand-subtle: linear-gradient(135deg, rgba(235, 27, 105, 0.08) 0%, rgba(239, 91, 87, 0.04) 100%);
    
    /* BLOOMBERG-STYLE INTERACTIVE STATES */
    --perkos-interactive-hover: #2D2645;
    --perkos-interactive-active: #3A3458;
    --perkos-interactive-focus: rgba(235, 27, 105, 0.2);
}

/* BODY - Professional Dark Theme */
body {
    background: var(--perkos-professional-base) !important;
    color: var(--perkos-text-primary) !important;
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* HEADER - Professional Enterprise Style */
.header {
    background: var(--perkos-gradient-header) !important;
    border-bottom: 1px solid var(--perkos-professional-border) !important;
    padding: 16px 0 !important;
    box-shadow: 0 2px 20px rgba(15, 10, 28, 0.8) !important;
}

.header h1 {
    color: var(--perkos-text-primary) !important;
    font-weight: 600 !important;
    font-size: 1.5rem !important;
    text-shadow: none !important;
}

.perkos-brand {
    background: linear-gradient(135deg, var(--perkos-brand-primary), var(--perkos-brand-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

/* LOGO - Professional Integration */
.perkos-logo {
    height: 32px !important;
    width: auto !important;
    margin-right: 12px !important;
    filter: brightness(1.1) !important;
}

.logo {
    display: flex !important;
    align-items: center !important;
}

/* STATUS INDICATORS - Professional System */
.status-indicator {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: var(--perkos-professional-elevated) !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 1px solid var(--perkos-professional-border) !important;
}

.autonomous-indicator {
    background: var(--perkos-gradient-brand-subtle) !important;
    color: var(--perkos-text-primary) !important;
    border: 1px solid rgba(235, 27, 105, 0.2) !important;
    border-radius: 6px !important;
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

.status-dot.active {
    background: var(--perkos-status-success) !important;
    box-shadow: 0 0 8px rgba(0, 208, 132, 0.3) !important;
}

/* CARDS - Enterprise Professional */
.card,
.stat-card,
.chart-container {
    background: var(--perkos-gradient-card) !important;
    border: 1px solid var(--perkos-professional-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 24px rgba(15, 10, 28, 0.4) !important;
    backdrop-filter: blur(8px) !important;
}

.card-header {
    background: transparent !important;
    color: var(--perkos-text-primary) !important;
    border-bottom: 1px solid var(--perkos-professional-border) !important;
    padding: 16px 20px !important;
}

.card-header h3 {
    color: var(--perkos-text-primary) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}

/* QUICK STATS - Professional Layout */
.quick-stats {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 20px !important;
    margin-bottom: 32px !important;
}

.stat-card {
    padding: 24px !important;
    transition: all 0.3s ease !important;
}

.stat-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 32px rgba(15, 10, 28, 0.6) !important;
    border-color: rgba(235, 27, 105, 0.3) !important;
}

.stat-value {
    color: var(--perkos-brand-tertiary) !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
    margin-bottom: 4px !important;
    text-shadow: none !important;
}

.stat-label {
    color: var(--perkos-text-secondary) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

.stat-icon {
    color: var(--perkos-brand-primary) !important;
    margin-bottom: 8px !important;
}

/* BUTTONS - Professional Interactive */
.btn-primary {
    background: linear-gradient(135deg, var(--perkos-brand-primary), var(--perkos-brand-secondary)) !important;
    border: 1px solid rgba(235, 27, 105, 0.3) !important;
    color: var(--perkos-text-primary) !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(235, 27, 105, 0.25) !important;
    border-color: var(--perkos-brand-primary) !important;
}

.btn-chart {
    background: var(--perkos-professional-elevated) !important;
    border: 1px solid var(--perkos-professional-border) !important;
    color: var(--perkos-text-secondary) !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.btn-chart.active,
.btn-chart:hover {
    background: rgba(235, 27, 105, 0.15) !important;
    border-color: rgba(235, 27, 105, 0.4) !important;
    color: var(--perkos-text-primary) !important;
}

/* CHARTS - Professional Styling */
.charts-section {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 24px !important;
    margin-bottom: 32px !important;
}

.chart-container {
    padding: 24px !important;
    height: 400px !important;
    display: flex !important;
    flex-direction: column !important;
}

.chart-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}

.chart-canvas-container {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-height: 350px !important;
    overflow: hidden !important;
}

#performance-chart,
#activity-chart {
    max-height: 350px !important;
    height: 350px !important;
    width: 100% !important;
}

/* OPERATIONS FEED - Professional List */
.operation-item {
    background: var(--perkos-professional-card) !important;
    border: 1px solid var(--perkos-professional-border) !important;
    border-left: 3px solid var(--perkos-brand-primary) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    position: relative !important;
}

/* Chain-specific operation styling */
.operation-item[data-chain="Base"] {
    border-left-color: #0052FF !important; /* Base blue */
    background: linear-gradient(135deg, rgba(0, 82, 255, 0.05), var(--perkos-professional-card)) !important;
}

.operation-item[data-chain="Celo"] {
    border-left-color: #35D07F !important; /* Celo green */
    background: linear-gradient(135deg, rgba(53, 208, 127, 0.05), var(--perkos-professional-card)) !important;
}

.operation-item[data-chain="Multi-Chain"] {
    border-left-color: var(--perkos-brand-primary) !important;
    background: linear-gradient(135deg, rgba(235, 27, 105, 0.05), var(--perkos-professional-card)) !important;
}

.operation-item[data-chain="DexScreener"] {
    border-left-color: #FF6B6B !important; /* DexScreener red */
    background: linear-gradient(135deg, rgba(255, 107, 107, 0.05), var(--perkos-professional-card)) !important;
}

/* Chain indicator badge */
.chain-indicator {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.chain-indicator.base {
    background: rgba(0, 82, 255, 0.15) !important;
    color: #0052FF !important;
    border: 1px solid rgba(0, 82, 255, 0.3) !important;
}

.chain-indicator.celo {
    background: rgba(53, 208, 127, 0.15) !important;
    color: #35D07F !important;
    border: 1px solid rgba(53, 208, 127, 0.3) !important;
}

.chain-indicator.multi-chain {
    background: rgba(235, 27, 105, 0.15) !important;
    color: var(--perkos-brand-primary) !important;
    border: 1px solid rgba(235, 27, 105, 0.3) !important;
}

.chain-indicator.dexscreener {
    background: rgba(255, 107, 107, 0.15) !important;
    color: #FF6B6B !important;
    border: 1px solid rgba(255, 107, 107, 0.3) !important;
}

.operation-item:hover,
.operation-item.operation-hover {
    background: var(--perkos-professional-elevated) !important;
    border-left-color: var(--perkos-brand-tertiary) !important;
    transform: translateX(4px) !important;
    box-shadow: 0 4px 20px rgba(235, 27, 105, 0.1) !important;
}

.operation-item.clickable {
    position: relative;
}

.operation-content {
    flex: 1 !important;
}

.operation-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
}

.operation-meta {
    display: flex !important;
    gap: 12px !important;
    margin-top: 8px !important;
    font-size: 0.75rem !important;
}

.operation-meta span {
    padding: 2px 8px !important;
    border-radius: 4px !important;
    background: var(--perkos-professional-elevated) !important;
    border: 1px solid var(--perkos-professional-border) !important;
    font-size: 0.75rem !important;
    white-space: nowrap !important;
}

.operation-network {
    color: var(--perkos-text-secondary) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.operation-gas {
    color: var(--perkos-brand-tertiary) !important;
    background: rgba(253, 143, 80, 0.1) !important;
}

.operation-status.success {
    background: rgba(0, 208, 132, 0.1) !important;
    border-color: var(--perkos-status-success) !important;
    color: var(--perkos-status-success) !important;
}

.operation-expand {
    color: var(--perkos-text-tertiary) !important;
    transition: all 0.3s ease !important;
}

.operation-item:hover .operation-expand {
    color: var(--perkos-brand-primary) !important;
    transform: translateX(2px) !important;
}

.operation-icon {
    color: var(--perkos-brand-tertiary) !important;
}

.operation-title {
    color: var(--perkos-text-primary) !important;
    font-weight: 600 !important;
}

.operation-details {
    color: var(--perkos-text-secondary) !important;
}

.operation-time {
    color: var(--perkos-text-tertiary) !important;
    font-size: 0.75rem !important;
}

/* FOOTER - Professional Minimal */
.footer {
    background: var(--perkos-professional-base) !important;
    border-top: 1px solid var(--perkos-professional-border) !important;
    color: var(--perkos-text-tertiary) !important;
    padding: 24px 0 !important;
}

.footer a {
    color: var(--perkos-brand-secondary) !important;
}

.footer a:hover {
    color: var(--perkos-brand-primary) !important;
}

/* LOADING STATES - Professional */
.loading-overlay {
    background: rgba(15, 10, 28, 0.95) !important;
    backdrop-filter: blur(8px) !important;
}

.loading-spinner i {
    color: var(--perkos-brand-primary) !important;
}

/* RESPONSIVE DESIGN - Professional Mobile */
@media (max-width: 768px) {
    .charts-section {
        grid-template-columns: 1fr !important;
    }
    
    .quick-stats {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
        gap: 16px !important;
    }
    
    .header {
        padding: 12px 0 !important;
    }
    
    .perkos-logo {
        height: 28px !important;
    }
}

/* ACCESSIBILITY - WCAG 2.1 AA Compliance */
.btn-primary:focus,
.btn-chart:focus {
    outline: 2px solid var(--perkos-brand-primary) !important;
    outline-offset: 2px !important;
}

/* HIGH CONTRAST MODE SUPPORT */
@media (prefers-contrast: high) {
    :root {
        --perkos-text-primary: #FFFFFF;
        --perkos-professional-border: #4A4458;
    }
}

/* OPERATION DETAILS MODAL */
.operation-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
}

.operation-modal.show {
    opacity: 1 !important;
    visibility: visible !important;
}

.modal-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(15, 10, 28, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
}

.modal-content {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: var(--perkos-gradient-soft-card) !important;
    border: 1px solid var(--perkos-professional-border) !important;
    border-radius: 16px !important;
    width: 90% !important;
    max-width: 800px !important;
    max-height: 80vh !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(15, 10, 28, 0.8) !important;
}

.modal-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 24px !important;
    background: var(--perkos-gradient-soft-primary) !important;
    border-bottom: 1px solid var(--perkos-professional-border) !important;
}

.modal-header h3 {
    color: var(--perkos-text-primary) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.modal-close {
    background: transparent !important;
    border: none !important;
    color: var(--perkos-text-primary) !important;
    font-size: 1.25rem !important;
    cursor: pointer !important;
    padding: 8px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.modal-close:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--perkos-brand-tertiary) !important;
}

.modal-body {
    padding: 24px !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
}

/* Operation Detail Sections */
.operation-detail-summary {
    margin-bottom: 24px !important;
    padding: 16px !important;
    background: var(--perkos-professional-elevated) !important;
    border-radius: 8px !important;
    border: 1px solid var(--perkos-professional-border) !important;
}

.operation-detail-summary h4 {
    color: var(--perkos-text-primary) !important;
    margin-bottom: 8px !important;
}

.operation-detail-summary p {
    color: var(--perkos-text-secondary) !important;
    margin-bottom: 12px !important;
}

.detail-meta {
    display: flex !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.detail-meta span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.875rem !important;
    color: var(--perkos-text-tertiary) !important;
}

.detail-meta span i {
    color: var(--perkos-brand-tertiary) !important;
}

.detail-status.success {
    color: var(--perkos-status-success) !important;
}

.operation-detail-sections {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

.detail-section {
    background: var(--perkos-professional-card) !important;
    border: 1px solid var(--perkos-professional-border) !important;
    border-radius: 8px !important;
    padding: 16px !important;
}

.detail-section h5 {
    color: var(--perkos-text-primary) !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1rem !important;
}

.detail-section h5 i {
    color: var(--perkos-brand-primary) !important;
}

.detail-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.detail-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 6px 0 !important;
    border-bottom: 1px solid var(--perkos-professional-border) !important;
}

.detail-row:last-child {
    border-bottom: none !important;
}

.detail-key {
    color: var(--perkos-text-secondary) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

.detail-value {
    color: var(--perkos-text-primary) !important;
    font-size: 0.875rem !important;
    text-align: right !important;
}

/* Next Actions Section */
.operation-next-actions {
    background: var(--perkos-professional-elevated) !important;
    border: 1px solid var(--perkos-professional-border) !important;
    border-radius: 8px !important;
    padding: 16px !important;
}

.operation-next-actions h4 {
    color: var(--perkos-text-primary) !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.operation-next-actions h4 i {
    color: var(--perkos-brand-secondary) !important;
}

.next-actions-grid {
    display: grid !important;
    gap: 12px !important;
}

.action-item {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

.action-label {
    color: var(--perkos-brand-tertiary) !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    min-width: 80px !important;
}

.action-value {
    color: var(--perkos-text-secondary) !important;
    font-size: 0.875rem !important;
    flex: 1 !important;
}

/* Mobile Responsive Modal */
@media (max-width: 768px) {
    .modal-content {
        width: 95% !important;
        max-height: 90vh !important;
    }
    
    .operation-detail-sections {
        grid-template-columns: 1fr !important;
    }
    
    .detail-meta {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .action-item {
        flex-direction: column !important;
        gap: 4px !important;
    }
    
    .action-label {
        min-width: unset !important;
    }
}

/* REDUCED MOTION SUPPORT */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* AUTONOMOUS ARBITRAGE PLATFORM - TRADING SUCCESS SHOWCASE */
.trading-success-showcase {
    margin-bottom: 32px !important;
    background: var(--perkos-professional-elevated) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    border: 1px solid var(--perkos-professional-border) !important;
}

.showcase-header {
    text-align: center !important;
    margin-bottom: 32px !important;
}

.showcase-header h2 {
    color: var(--perkos-text-primary) !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

.showcase-header h2 i {
    color: var(--perkos-brand-primary) !important;
}

.showcase-subtitle {
    color: var(--perkos-text-secondary) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.success-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

.success-card {
    background: var(--perkos-professional-card) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    border: 1px solid var(--perkos-professional-border) !important;
    transition: all 0.3s ease !important;
}

.success-card:hover {
    border-color: var(--perkos-brand-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(235, 27, 105, 0.1) !important;
}

.success-card.triple-pool {
    border-left: 3px solid var(--perkos-brand-primary) !important;
}

.success-card.usdc-stability {
    border-left: 3px solid #2775CA !important; /* USDC blue */
}

.success-card.live-trading {
    border-left: 3px solid var(--perkos-brand-secondary) !important;
}

.success-card.transparency {
    border-left: 3px solid var(--perkos-brand-tertiary) !important;
}

.success-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
    background: rgba(235, 27, 105, 0.1) !important;
}

.success-icon i {
    font-size: 1.5rem !important;
    color: var(--perkos-brand-primary) !important;
}

.success-content h4 {
    color: var(--perkos-text-primary) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    margin: 0 0 8px 0 !important;
}

.success-description {
    color: var(--perkos-text-secondary) !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
}

.success-pools {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.pool-item {
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.pool-item.base {
    background: rgba(0, 82, 255, 0.15) !important;
    color: #0052FF !important;
    border: 1px solid rgba(0, 82, 255, 0.3) !important;
}

.pool-item.usdc {
    background: rgba(39, 117, 202, 0.15) !important;
    color: #2775CA !important;
    border: 1px solid rgba(39, 117, 202, 0.3) !important;
}

.pool-item.celo {
    background: rgba(53, 208, 127, 0.15) !important;
    color: #35D07F !important;
    border: 1px solid rgba(53, 208, 127, 0.3) !important;
}

.pool-item.dexscreener {
    background: rgba(255, 107, 107, 0.15) !important;
    color: #FF6B6B !important;
    border: 1px solid rgba(255, 107, 107, 0.3) !important;
}

.success-metrics {
    display: flex !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.metric {
    text-align: center !important;
}

.metric-value {
    display: block !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: var(--perkos-brand-primary) !important;
}

.metric-label {
    display: block !important;
    font-size: 0.75rem !important;
    color: var(--perkos-text-secondary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.trading-results {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    flex-wrap: wrap !important;
}

.trade-result {
    text-align: center !important;
    flex: 1 !important;
    min-width: 80px !important;
}

.trade-profit {
    display: block !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--perkos-brand-secondary) !important;
}

.trade-label {
    display: block !important;
    font-size: 0.75rem !important;
    color: var(--perkos-text-secondary) !important;
    text-transform: uppercase !important;
}

.transparency-features {
    margin-bottom: 16px !important;
}

.feature {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.875rem !important;
    color: var(--perkos-text-secondary) !important;
    margin-bottom: 4px !important;
}

.feature i {
    color: var(--perkos-brand-tertiary) !important;
    font-size: 0.75rem !important;
}

.success-result {
    padding: 12px !important;
    background: var(--perkos-professional-elevated) !important;
    border-radius: 6px !important;
    border: 1px solid var(--perkos-professional-border) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.result-label {
    font-size: 0.875rem !important;
    color: var(--perkos-text-secondary) !important;
    font-weight: 500 !important;
}

.result-value {
    font-size: 0.875rem !important;
    color: var(--perkos-brand-primary) !important;
    font-weight: 600 !important;
}