/* defense-vs-position.css — extracted from defense-vs-position.php.
   Was 1 inline <style> block(s) totalling 2619 chars, re-emitted after the page load
   and rewritten onto the design tokens in professional.css. */

h2 {
            color: var(--color-text-tertiary);
        }
        .table-dark {
            background-color: var(--color-bg-base);
            --bs-table-bg: var(--color-bg-base); 
            --bs-table-striped-bg: #2a2a2a; 
            --bs-table-striped-color: #ddd;
             --bs-table-color: #ddd;
             --bs-table-border-color: #454d55; 
        }
        .table-dark th, .table-dark td {
            color: #ddd;
            padding: 8px; 
            font-size: 14px;
            vertical-align: middle;
            text-align: center; 
            border-color: #454d55; 
        }
        .table-dark th {
            background-color: #292929;
            cursor: pointer;
            position: relative; 
             white-space: nowrap; 
        }
         .table-dark th .sort-icon {
             position: absolute;
             right: 5px; 
             top: 50%;
             transform: translateY(-50%); 
             font-size: 10px; 
             color: var(--color-accent-gold); 
             line-height: 1; 
         }
        .form-container {
            text-align: center;
            margin-bottom: 20px;
        }
        select {
            background-color: var(--color-bg-base);
            color: var(--color-accent-gold);
            border: 1px solid var(--color-accent-gold);
            border-radius: 5px;
            padding: 5px 10px;
            margin: 5px;
        }
        .logo-section img {
            width: 200px;
        }
        .text-red {
            color: #ff4d4d !important; 
             font-weight: bold;
        }
        .text-green {
            color: #4dff4d !important;
             font-weight: bold;
        }
        .text-white {
            color: #e0e0e0 !important;
        }
        .table-container {
            overflow-x: auto;
        }
        

         body {background: var(--color-bg-base);
            color: var(--color-text-primary);
        }

        
        
        
        .stats-card {
            background-color: var(--color-bg-card);
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
            margin-bottom: 20px;
        }
        .stats-card h3 {
            color: var(--color-accent-gold);
        }
        
        .stats-card h3 {
            margin-bottom: 10px; 
        }