@media only screen and (max-width: 768px) {
   		.dropdown-toggle.btn {
        width: 100%;
        text-align: center;
    	}
    }
    
    
	
   
	body {
            background-color: var(--tblr-body-bg);
        }

        .navbar-draftcurve {
            background-color: #FFFFFF;
            border-bottom: 1px solid var(--tblr-border-color);
        }

        .hero-draftcurve {
            padding: 5rem 0 4rem 0;
            background: radial-gradient(circle at top left, #F8E8B0 0, #FFF9F0 45%, #FFFFFF 100%);
        }

        .hero-title {
            font-size: 3rem;
            font-weight: 700;
            color: #E05028;
        }

        .hero-subtitle {
            font-size: 1.15rem;
            margin-top: 1rem;
            margin-bottom: 2rem;
            max-width: 640px;
            color: #7A6A63;
        }
		
		.player-link {color:inherit;}
		.player-link:hover {color:inherit;}

		.filter-columns {
			border-right:1px solid var(--dc-orange);
		}

        .btn-primary {
            background-color: #E05028;
            border-color: #E05028;
        }
        .btn-primary:hover {
            background-color: #C43C19;
            border-color: #C43C19;
        }

        .btn-outline-primary {
            color: #E05028;
            border-color: #E05028;
        }
        .btn-outline-primary:hover {
            background-color: #FFE1CF;
            color: #C43C19;
        }

        .section-muted {
            background-color: #FFF4E3;
        }

        .price-card-highlight {
            border: 2px solid #E05028;
        }

        .badge-soft {
            background-color: #FFE1CF;
            color: #C43C19;
            font-weight: 600;
        }

		.dc-page-wrap {
        background-color: var(--dc-cream);
	    }
	
	    .dc-card {
	        border-radius: 1rem;
	        border: none;
	        box-shadow: 0 10px 24px rgba(0,0,0,0.08);
	        background-color: #ffffff;
	    }
	
	    .dc-section-label {
	        font-size: 0.75rem;
	        text-transform: uppercase;
	        letter-spacing: 0.18em;
	        color: #6b7280;
	    }
	
	    .dc-section-title {
	        color: var(--dc-brown);
	    }
	
	    .dc-chip {
	        border-radius: 999px;
	        padding: 0.2rem 0.75rem;
	        border: 1px dashed rgba(0,0,0,0.25);
	        font-size: 0.75rem;
	        text-transform: uppercase;
	        letter-spacing: 0.12em;
	        color: #6b7280;
	    }
	
	    .dc-btn-primary {
	        background-color: var(--dc-orange);
	        border-color: var(--dc-orange);
	        font-weight: 600;
	        text-transform: uppercase;
	        letter-spacing: 0.08em;
	        font-size: 0.8rem;
	    }
	
	    .dc-btn-primary:hover {
	        background-color: #ea580c;
	        border-color: #ea580c;
	    }
	
	    .dc-pill-badge {
	        border-radius: 999px;
	        padding: 0.2rem 0.75rem;
	        font-size: 0.7rem;
	        text-transform: uppercase;
	        letter-spacing: 0.14em;
	    }
	
	    .dc-section-divider {
	        border-top: 1px dashed rgba(0,0,0,0.08);
	        margin: 1.5rem 0;
	    }

		#playersTable_filter input:focus {outline: none !important;box-shadow: none !important;display:inline-block;} 

		.toast.bg-blue-lt {
		  background-color: rgba(var(--dc-primary-rgb), .15); 
		  color: var(--dc-body-color);
		}
		
		.toast.bg-green-lt,
		.toast.bg-yellow-lt,
		.toast.bg-red-lt {
		  border: 1px solid var(--dc-border-color);
		}

		
		/* Usage stats */
		table.table {
		  background-color: white !important;

		}
		
		table.table th {font-family:"Lucida Console", monospace; font-weight:bold; color:black; font-size:14px;}
		
		/* Add borders to all table cells */
		.dataTable thead th,
		.dataTable thead td,
		.dataTable tbody th,
		.dataTable tbody td,
		.dataTable tfoot th,
		.dataTable tfoot td {
		    border-right: 1px solid #e6e7e9;
		}
		
		/* Remove border from last column to avoid double border with table edge */
		.dataTable thead th:last-child,
		.dataTable thead td:last-child,
		.dataTable tbody th:last-child,
		.dataTable tbody td:last-child,
		.dataTable tfoot th:last-child,
		.dataTable tfoot td:last-child {
		    border-right: none;
		}
		
		/* Optional: Add left border to first column for complete grid */
		.dataTable thead th:first-child,
		.dataTable thead td:first-child,
		.dataTable tbody th:first-child,
		.dataTable tbody td:first-child,
		.dataTable tfoot th:first-child,
		.dataTable tfoot td:first-child {
		    border-left: 1px solid #e6e7e9;
		}
		
		/* Remove any striped row styling */
		.dataTable tbody tr:nth-of-type(odd),
		.dataTable tbody tr:nth-of-type(even) {
		    background-color: transparent;
		}
		
		/* Ensure horizontal borders remain visible */
		.dataTable tbody tr {
		    border-bottom: 1px solid #e6e7e9;
		}
		
		/* Alternative: If you want a more prominent grid appearance */
		.dataTable.table-grid thead th,
		.dataTable.table-grid thead td,
		.dataTable.table-grid tbody th,
		.dataTable.table-grid tbody td,
		.dataTable.table-grid tfoot th,
		.dataTable.table-grid tfoot td {
		    border: 1px solid #e6e7e9;
		}
		
		/* Tabler card integration - ensures borders work within card-body */
		.card-body .dataTable {
		    border-collapse: separate;
		    border-spacing: 0;
		}
		
		/* Dark theme support if using Tabler's dark mode */
		[data-bs-theme="dark"] .dataTable thead th,
		[data-bs-theme="dark"] .dataTable thead td,
		[data-bs-theme="dark"] .dataTable tbody th,
		[data-bs-theme="dark"] .dataTable tbody td,
		[data-bs-theme="dark"] .dataTable tfoot th,
		[data-bs-theme="dark"] .dataTable tfoot td {
		    border-right: 1px solid #313438;
		}
		
		[data-bs-theme="dark"] .dataTable tbody tr {
		    border-bottom: 1px solid #313438;
		}
		/* Right-align numeric stat columns */
		.dc-num {
		  text-align: right !important;
		  font-variant-numeric: tabular-nums; /* aligns decimals vertically */
		}