/* Page-specific styles (global variables & base moved to styles.css) */
        .top-table td.cambio-nowrap, .top-table th.cambio-nowrap {
            white-space: nowrap;
        }
        .top-table tbody tr:hover {
            background: var(--accent-light) !important;
            transition: background 0.2s;
        }
        .highlight-fund {
            background: #fffde7 !important;
            transition: background 0.5s;
        }
        .top-table-container {
            background: var(--surface);
            border-radius: 18px;
            box-shadow: 0 8px 32px rgba(26,35,126,0.12), 0 2px 8px rgba(26,35,126,0.08);
            padding: 1.75rem;
            margin-bottom: 2rem;
            border: 1px solid rgba(227,232,240,0.6);
            overflow: hidden;
            box-sizing: border-box;
            transition: all 0.3s ease;
        }
        
        .top-table-container:hover {
            box-shadow: 0 12px 48px rgba(26,35,126,0.16), 0 4px 12px rgba(26,35,126,0.1);
            transform: translateY(-2px);
        }
        
        /* Responsive Layout */
        @media (max-width: 1100px) {
            .main-dashboard-row { 
                flex-direction: column !important; 
                gap: 0 !important; 
            }
            .main-dashboard-row > div { 
                width: 100% !important; 
            }
            aside { 
                max-width: 100% !important; 
                order: 2; 
            }
        }
        @media (max-width: 900px) {
            .top-table-container { 
                padding: 1rem 0.5rem 1.2rem; 
            }
        }
        @media (max-width: 720px) {
            .top-table-container { 
                padding: 0.8rem 0.3rem 1rem; 
            }
            .top-table-container > div[style*="display:flex"] { 
                flex-direction: column !important; 
                gap: 1rem !important; 
            }
            .top-table-container > div[style*="display:flex"] > div { 
                width: 100% !important; 
            }
            .top-table-title-row { 
                flex-wrap: wrap; 
            }
        }
        @media (max-width: 560px) {
            .top-table-title-row { 
                justify-content: center; 
                gap: 1rem;
            }
            .top-table-title { 
                text-align: center;
                flex: none;
            }
        }
        @media (max-width: 480px) {
            .top-table-container { 
                padding: 0.6rem 0.2rem 0.8rem; 
            }
            h2 { 
                font-size: 1.05rem !important; 
            }
        }
        .top-table-title-row {
            display: flex;
            justify-content: space-around;
            align-items: center;
            gap: 2rem;
            margin-bottom: 1rem;
        }
        .top-table-title {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.5rem 1.5rem;
            font-size: 0.9rem;
            font-weight: 700;
            border-radius: 50px;
            min-width: 80px;
            white-space: nowrap;
            cursor: default;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #8a9ab0;
            background: none;
            box-shadow: none;
        }
        .top-table-title:first-child {
            color: #8a9ab0;
            background: none;
            box-shadow: none;
        }
        .top-table-title:last-child {
            color: #8a9ab0;
            background: none;
            box-shadow: none;
        }
        .top-table-title:hover {
            transform: translateY(-2px);
        }
        .top-table-divider {
            display: none;
        }
        .top-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }
        .top-table,
        .top-table th,
        .top-table td {
            color: var(--text-secondary);
        }
        .top-table th {
            background: var(--table-header);
            color: var(--primary);
            font-weight: 600;
            text-align: left;
            padding: 0.7rem 0.7rem;
            border-bottom: 1px solid var(--border);
            white-space: nowrap;
            position: sticky;
            top: 0;
            z-index: 2;
        }
        .top-table td {
            padding: 0.7rem 0.7rem;
            border-bottom: 1px solid var(--border);
            vertical-align: middle;
        }
        .top-table tr:last-child td {
            border-bottom: none;
        }
        .top-table-link {
            color: var(--primary-light);
            font-weight: 600;
            text-decoration: none;
            transition: color 0.2s;
        }
        .top-table-link:hover {
            text-decoration: underline;
            color: var(--primary-light);
        }
        .top-table-note {
            font-size: 0.85rem;
            color: #888;
            text-align: right;
            margin-top: 0.2rem;
            margin-bottom: 0.5rem;
        }
        
        #table-container {
            overflow-x: auto;
            overflow-y: auto;
            max-height: 520px;
            width: 100%;
        }
        .styled-table,
        .styled-table th,
        .styled-table td {
            color: var(--text-secondary);
        }
        .cell-positive {
            color: var(--success) !important;
            font-weight: bold;
        }
        .cell-negative {
            color: var(--danger) !important;
            font-weight: bold;
        }
        .arrow-flat {
            color: var(--warning) !important;
            font-size: 1.25em;
            font-weight: bold;
            margin-left: 4px;
            vertical-align: middle;
        }
        .styled-table select,
        .styled-table option {
            color: #111;
            background: #fff;
        }
        
        .split-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 8px;
        }
        .split-title {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-right: 24px;
        }
        .split-title:last-child {
            align-items: flex-end;
            margin-right: 0;
        }
        .split-title h2 {
            margin: 0 0 2px 0;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary);
            display: flex;
            align-items: center;
        }
        .arrow {
            font-size: 1.2rem;
            color: var(--accent);
        }
        /* Conditional formatting styles */
        .arrow-up {
            color: var(--success);
            font-size: 1.25em;
            margin-left: 4px;
            font-weight: bold;
            vertical-align: middle;
        }
        .arrow-down {
            color: var(--danger);
            font-size: 1.25em;
            margin-left: 4px;
            font-weight: bold;
            vertical-align: middle;
        }
        .updated-date {
            font-size: 0.95rem;
            color: var(--primary-light);
        }
        .split-table {
            display: flex;
            gap: 32px;
        }
        @media (max-width: 900px) {
            .split-table {
                flex-direction: column;
                gap: 0;
            }
            .split-header {
                flex-direction: column;
                align-items: flex-start;
            }
            .split-title {
                margin-bottom: 12px;
            }
            .split-title:last-child {
                align-items: flex-start;
            }
        }
        .styled-table {
            width: 100%;
            border-collapse: collapse;
            margin: 0 auto;
            font-size: 1rem;
            min-width: 340px;
            background: var(--surface);
        }
        .styled-table thead tr {
            background-color: var(--table-header);
            color: var(--primary);
            text-align: left;
            font-weight: bold;
        }
        .styled-table th, .styled-table td {
            padding: 10px 12px;
        }
        .styled-table tbody tr {
            border-bottom: 1px solid var(--border);
        }
        .styled-table tbody tr:nth-of-type(even) {
            background-color: var(--table-row-alt);
        }
        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid var(--accent);
        }
        .styled-table tbody tr:hover {
            background-color: var(--accent-light);
        }
        .positive {
            color: var(--success);
            font-weight: 600;
        }
        .negative {
            color: var(--danger);
            font-weight: 600;
        }
        .symbol-link {
            color: var(--accent);
            text-decoration: none;
            font-weight: 600;
        }
        .symbol-link:hover {
            text-decoration: underline;
        }
        
        /* Barometer Table */
        /* Barometer Table */
        .barometer-table { 
            width: 100%; 
            border-collapse: collapse; 
        }
        .barometer-table th, 
        .barometer-table td {
            border: none;
            padding: 0.3em 0;
            font-weight: 700;
            vertical-align: middle;
        }
        .barometer-table tr {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5em;
        }
        .barometer-table th:first-child { 
            flex: 0 0 auto;
            white-space: nowrap;
        }
        .barometer-table td { 
            flex: 0 0 auto;
            text-align: right;
        }
        .barometer-table th {
            background: none;
            font-weight: 600;
            color: #22314a;
            font-size: 0.9rem;
            padding-bottom: 0.2em;
        }
        .baro-indicator {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.15em 0.35em;
            border-radius: 999px;
            line-height: 1.2;
            font-weight: 700;
            font-size: 0.9rem;
            min-width: 2.5em;
            max-width: 100%;
            width: fit-content;
            height: auto;
            box-shadow: 0 1px 4px rgba(0,0,0,0.08);
            transition: background 0.3s, color 0.3s;
            font-family: inherit;
            box-sizing: border-box;
            vertical-align: middle;
            white-space: nowrap;
        }
        .baro-large, .baro-mild, .baro-small {
            background: var(--table-header);
            color: var(--primary);
        }
        .baro-green {
            background: linear-gradient(135deg, #c8f7e5 0%, #a8e6cf 100%) !important;
            color: #1a5f2a !important;
            border: 1px solid rgba(31, 164, 99, 0.4);
            min-height: 1.75em;
            box-shadow: 0 2px 6px rgba(31, 164, 99, 0.2);
        }
        .baro-red {
            background: linear-gradient(135deg, #ffe0e0 0%, #ffcccc 100%) !important;
            color: #b71c1c !important;
            border: 1px solid rgba(214, 57, 57, 0.4);
            min-height: 1.75em;
            box-shadow: 0 2px 6px rgba(214, 57, 57, 0.2);
        }
        
        /* Global Animation */
        @keyframes blink { 
            0%   { opacity: 1; } 
            40%  { opacity: 1; }
            80%  { opacity: 0.15; }
            100% { opacity: 0.15; }
        }
        @keyframes skeleton-loading {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        
        /* Loading States */
        .skeleton {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: skeleton-loading 1.5s infinite;
            border-radius: 4px;
            min-height: 20px;
        }
        .skeleton-text {
            height: 1rem;
            margin: 0.5rem 0;
        }
        .skeleton-card {
            height: 150px;
            border-radius: 14px;
        }
        
        /* Touch optimization */
        body {
            overscroll-behavior-y: contain;
        }