input {width:80px; text-align: right;}

body {
  background-color: white;
  color: black;
}


/* Automatický dark mode */
@media (prefers-color-scheme: dark) {
  body {
	background-color: black; /* Tmavé pozadí */
    color: #e0e0e0; /* Světlý text */
  }
}

.menu {
	background-color: #F0F0F0; padding: 10px; margin: 0; margin-bottom: 10px;
}

@media (prefers-color-scheme: dark) {
	.menu {
		background-color: #2F2F2F; padding: 10px; margin: 0; margin-bottom: 10px;
	}
}

.oddelovac {
	margin-top: 10px; border-top: 10px solid white; padding-top: 10px;
}

@media (prefers-color-scheme: dark) {
	.oddelovac {
		margin-top: 10px; border-top: 10px solid black; padding-top: 10px;
	}
}


table tr:hover td {
  background: #efefef;
  cursor: pointer;
}

@media (prefers-color-scheme: dark) {
	table tr:hover td {
	  background-color: #323232;
	}
}


th, td {
    border: dotted 1px silver;
	/*border: none;*/
    /*padding: 3px 6px;*/
	padding: 3px 6px;
}

@media (prefers-color-scheme: dark) {
	th, td {
		border: dotted 1px #3F3F3F;
	}
}

th {
    background-color: gray;
    color: white;  
}

@media (prefers-color-scheme: dark) {
	th {
		background-color: #323232;
		color: #D0D0D0;        
	}
}

table {
  border-collapse: separate; /* důležité pro sticky */
  border-spacing: 1;
}

th {
  position: sticky;
  top: 0;                 /* lepí se k hornímu okraji wrapperu */
  z-index: 5;
}

th a {
    color: #E0E0FF;
} 

td {
    background-color: #FFFFF7;
    text-align: right;
    white-space: nowrap;
}

td a {
	color:black; border-bottom: 1px dotted black
}

@media (prefers-color-scheme: dark) {
	td {
		background-color: #121212;
		color: #F0F0F0;        
	}
	
	a {
		color: lightblue;
	}
	
	td a {
		color: lightblue; border-bottom: 1px dotted lightblue
	}	
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    //text-decoration-style: dotted;
}

.vpravo {
    text-align: right;
}

.vlevo {
    text-align: left;
}

tr.bile td {
    background-color: white;
	border: none;
}

td.zelene {
    background-color: #D7FFD7;
}

td.svzelene {
    background-color: lightgreen;
}

td.cervene {
    background-color: #FFD7D7;
}

td.modre {
    background-color: #E7EFFF;
}

td.zlute {
    background-color: #FFFFAF;
}

td.sede {
    background-color: #f7f7f7;
}

td.oranzove {
    background-color: #FFD8A8; /* světle oranžová */
}

@media (prefers-color-scheme: dark) {
	tr.bile td {
		background-color: black; /* tmavě šedá místo bílé */
		color: #ffffff;            /* světlý text pro kontrast */
		border: none;
		
	}

	td.zelene {
		background-color: #144d14; /* tmavě zelená */
		color: #ccffcc;
	}

	td.svzelene {
		background-color: #2e7d32; /* středně zelená */
		color: #e0f2e0;
	}

	td.cervene {
		background-color: #5c1a1a; /* tmavě červená */
		color: #ffcccc;
	}

	td.modre {
		background-color: #1e2a40; /* tmavě modrá/šedá */
		color: #d0e0ff;
	}

	td.zlute {
		background-color: #665c00; /* tmavě žlutá */
		color: #fffac0;
	}

	td.sede {
		background-color: #2f2f2f; /* tmavě šedá */
		color: #f0f0f0;
	}

    td.oranzove {
        background-color: #663c00; /* tmavě oranžová/hnědá */
        color: #ffe0b3;            /* světle oranžový text */
    }	
	
}

.lime {
    color: #1B5E20;
}

.yellow {
    color: #8D6E00;	
}

.orange {
    /*color: #C43E00;	*/
	color: #B71C1C;
}

@media (prefers-color-scheme: dark) {
	.lime {
		color: #69F0AE;	
	}

	.yellow {
		color: #FFEB3B;	
	}

	.orange {
		/*color: #FFB74D;	*/
		color: #FF8A80;
	}
}

.male {
		font-size: small;
		color: gray;
}

@media (prefers-color-scheme: dark) {
	.male {
			color: silver;
	}
}

/*pohar*/

tr.mezera td {
    padding: 0;
    margin: 0;
    border-left: none;
    border-right: none;
}           

/*soutez tymu*/

tr.cz td {
    background-color: #FFF2F2;
}
    
tr.sk td {
    background-color: #F2F2FF;
}

td.cz {
    background-color: #FFF2F2;
}
    
td.sk {
    background-color: #F2F2FF;
}

@media (prefers-color-scheme: dark) {
	tr.cz td {
		background-color: #4d2a2a; /* tlumená červená */
		color: #ffecec;
	}
	
	tr.sk td {
		background-color: #2a2a4d; /* tlumená modrá */
		color: #ececff;
	}

	td.cz {
		background-color: #4d2a2a; /* tlumená červená */
		color: #ffecec;
	}
	
	td.sk {
		background-color: #2a2a4d; /* tlumená modrá */
		color: #ececff;
	}	
}


/*hall of fame*/

td.prvni {
    background-color: gold;
}
    
td.druhy {
    background-color: silver;
}
    
td.treti {
    background-color: #CD7F32;
}

@media (prefers-color-scheme: dark) {
	td.prvni {
		background-color: #5c4500; /* tmavě zlatá */
		color: #f8e49c; /* světle zlatý text */
	}

	td.druhy {
		background-color: #3a3a3a; /* tmavší šedá */
		color: #dddddd; /* světlý text */
	}

	td.treti {
		background-color: #4b2e1a; /* tmavý bronz */
		color: #f0d4b0; /* světle bronzový text */
	}
}


/*teamy arex*/

tr.team td {
    background-color: #F2F2FF;        
}
    
tr.team_managers td {
    background-color: #F2FFF2;
} 

@media (prefers-color-scheme: dark) {
	tr.team td {
		background-color: #2a2a4d; /* tlumená modrá */
		color: #ececff;
	}
	
	tr.team_managers td {
		background-color: #2a4d2a; /* tlumená zelená */
		color: #e0ffe0;
	}
}

/*q poharu*/
.success {
	background-color: #F0FFF0;"';
}

.unsuccess {
	background-color: #FFF0F0;
}

@media (prefers-color-scheme: dark) {
	.success {
		background-color: #2f4d2f; color: #ccffcc;
	}

	.unsuccess {
		background-color: #4d2f2f; color: #ffcccc;
	}
}


/*paleta barev pro zvyrazneni ridice, td...*/
.r0 { background-color: #FFE5E5; }
.r1 { background-color: #FCE8E5; }
.r2 { background-color: #FAEBE5; }
.r3 { background-color: #F7EDE5; }
.r4 { background-color: #F5F0E5; }
.r5 { background-color: #F2F2E5; }
.r6 { background-color: #F0F5E5; }
.r7 { background-color: #EDF7E5; }
.r8 { background-color: #EBFAE5; }
.r9 { background-color: #E8FCE5; }
.r10 { background-color: #E5FFE5; }

/*paleta barev pro opotrebeni auta*/
.cb0 {background-color: #FDFDFF; }
.cb1 {background-color: #FAFAFF; }
.cb2 {background-color: #F7F7FF; }
.cb3 {background-color: #F0F0FF; }
.cb4 {background-color: #E7E7FF; }
.cb5 {background-color: #E0E0FF; }
.cb6 {background-color: #D7D7FF; }
.cb7 {background-color: #D0D0FF; }
.cb8 {background-color: #C7C7FF; }
.cb9 {background-color: #C0C0FF; }
                        
.cg0 {background-color: #FAFFFA; }
.cg1 {background-color: #F7FFF7; }
.cg2 {background-color: #F0FFF0; }
.cg3 {background-color: #E7FFE7; }
.cg4 {background-color: #E0FFE0; }
.cg5 {background-color: #D7FFD7; }
.cg6 {background-color: #D0FFD0; }
.cg7 {background-color: #C7FFC7; }
.cg8 {background-color: #C0FFC0; }

.cr0 {background-color: #F7FFF7; }
.cr1 {background-color: #FFF7F7; }
.cr2 {background-color: #FFF0F0; }
.cr3 {background-color: #FFE7E7; }
.cr4 {background-color: #FFE0E0; }
.cr5 {background-color: #FFD7D7; }
.cr6 {background-color: #FFD0D0; }
.cr7 {background-color: #FFC7C7; }

@media (prefers-color-scheme: dark) {
	.r0 { background-color: #4d1a1a; color: #ffe5e5; }
	.r1 { background-color: #502322; color: #fce8e5; }
	.r2 { background-color: #532c24; color: #faebe5; }
	.r3 { background-color: #56342d; color: #f7ede5; }
	.r4 { background-color: #594d38; color: #f5f0e5; }
	.r5 { background-color: #5c5c3d; color: #f2f2e5; }
	.r6 { background-color: #4d5c44; color: #f0f5e5; }
	.r7 { background-color: #445c44; color: #edf7e5; }
	.r8 { background-color: #3c5c44; color: #ebfae5; }
	.r9 { background-color: #345c44; color: #e8fce5; }
	.r10 { background-color: #2c5c44; color: #e5ffe5; }

	.cb0 { background-color: #2a2a33; color: #fdfdff; }
	.cb1 { background-color: #2c2c3b; color: #fafaff; }
	.cb2 { background-color: #2e2e44; color: #f7f7ff; }
	.cb3 { background-color: #31314c; color: #f0f0ff; }
	.cb4 { background-color: #353555; color: #e7e7ff; }
	.cb5 { background-color: #38385d; color: #e0e0ff; }
	.cb6 { background-color: #3b3b66; color: #d7d7ff; }
	.cb7 { background-color: #3e3e6e; color: #d0d0ff; }
	.cb8 { background-color: #414177; color: #c7c7ff; }
	.cb9 { background-color: #444480; color: #c0c0ff; }

	.cg0 { background-color: #2a332a; color: #fafffa; }
	.cg1 { background-color: #2b3b2b; color: #f7fff7; }
	.cg2 { background-color: #2c442c; color: #f0fff0; }
	.cg3 { background-color: #2d4c2d; color: #e7ffe7; }
	.cg4 { background-color: #2e552e; color: #e0ffe0; }
	.cg5 { background-color: #2f5d2f; color: #d7ffd7; }
	.cg6 { background-color: #306630; color: #d0ffd0; }
	.cg7 { background-color: #316e31; color: #c7ffc7; }
	.cg8 { background-color: #327732; color: #c0ffc0; }

	.cr0 { background-color: #2a332a; color: #f7fff7; }
	.cr1 { background-color: #332a2a; color: #fff7f7; }
	.cr2 { background-color: #442c2c; color: #fff0f0; }
	.cr3 { background-color: #552e2e; color: #ffe7e7; }
	.cr4 { background-color: #663030; color: #ffe0e0; }
	.cr5 { background-color: #773232; color: #ffd7d7; }
	.cr6 { background-color: #883434; color: #ffd0d0; }
	.cr7 { background-color: #993636; color: #ffc7c7; }
}

/*poradi v tymu show_api_season_standings.php*/
/* Světlý režim */
.rpor0  { background-color: #E5FFE5; }
.rpor1  { background-color: #E8FCE5; }
.rpor2  { background-color: #EBFAE5; }
.rpor3  { background-color: #EDF7E5; }
.rpor4  { background-color: #F0F5E5; }
.rpor5  { background-color: #F2F2E5; }
.rpor6  { background-color: #F5F0E5; }
.rpor7  { background-color: #F7EDE5; }
.rpor8  { background-color: #FAEBE5; }
.rpor9  { background-color: #FCE8E5; }
.rpor10 { background-color: #FFE5E5; }

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .rpor0  { background-color: #1f3f1f; color: #dfffdc; }
  .rpor1  { background-color: #204021; }
  .rpor2  { background-color: #224422; }
  .rpor3  { background-color: #254725; }
  .rpor4  { background-color: #2a4b2a; }
  .rpor5  { background-color: #2e4e2e; }
  .rpor6  { background-color: #334f33; }
  .rpor7  { background-color: #3a503a; }
  .rpor8  { background-color: #444e44; }
  .rpor9  { background-color: #554b44; }
  .rpor10 { background-color: #663a3a; color: #fff; }
}


@media (prefers-color-scheme: dark) {
	input,
	select,
	textarea,
	button {
		background-color: #2a2a2a;
		color: #f0f0f0;
		border: 1px solid #555;
		border-radius: 4px;
	}

	input:focus,
	select:focus,
	textarea:focus,
	button:focus {
		outline: none;
		border-color: #888;
		box-shadow: 0 0 3px #888;
	}

	button {
		cursor: pointer;
		font-weight: bold;
	}

	button:hover,
	input[type="submit"]:hover {
		background-color: #3a3a3a;
	}

	::placeholder {
		color: #aaa;
		opacity: 1;
	}
}

/* Počasí Světlý režim */
td.rain-low       { background-color: #E0E0FF; }
td.rain-mid       { background-color: #E7E7FF; }
td.rain-high      { background-color: #F0F0FF; }
td.rain-veryhigh  { background-color: #F7F7FF; }

/* Tmavý režim */
@media (prefers-color-scheme: dark) {
	td.rain-low       { background-color: #2a2a4d; color: #ececff; }
	td.rain-mid       { background-color: #24244a; color: #e0e0ff; }
	td.rain-high      { background-color: #1e1e40; color: #d0d0ff; }
	td.rain-veryhigh  { background-color: #181838; color: #c0c0ff; }
}

/* u testu*/
.rc0  { background-color: #FFD0D0; }
.rc1  { background-color: #FFD5D5; }
.rc2  { background-color: #FFDADA; }
.rc3  { background-color: #FFE0E0; }
.rc4  { background-color: #FFE5E5; }
.rc5  { background-color: #FCE8E5; }
.rc6  { background-color: #FAEBE5; }
.rc7  { background-color: #F7EDE5; }
.rc8  { background-color: #F5F0E5; }
.rc9  { background-color: #F2F2E5; }
.rc10 { background-color: #F0F5E5; }
.rc11 { background-color: #EDF7E5; }
.rc12 { background-color: #EBFAE5; }
.rc13 { background-color: #E8FCE5; }
.rc14 { background-color: #E5FFE5; }

@media (prefers-color-scheme: dark) {
    .rc0  { background-color: #402020; }
    .rc1  { background-color: #442222; }
    .rc2  { background-color: #482424; }
    .rc3  { background-color: #4C2626; }
    .rc4  { background-color: #502828; }
    .rc5  { background-color: #443333; }
    .rc6  { background-color: #3B362D; }
    .rc7  { background-color: #333830; }
    .rc8  { background-color: #2B3A33; }
    .rc9  { background-color: #243C36; }
    .rc10 { background-color: #1E3E39; }
    .rc11 { background-color: #1A403C; }
    .rc12 { background-color: #16423F; }
    .rc13 { background-color: #124442; }
    .rc14 { background-color: #0E4645; }
}

/*testy vsech, prehled*/
.td-name {
    color: #442200;
    font-weight: bold;
}

.td-laps {
    background-color: #e0f0ff;
    color: #005599;
    font-weight: bold;
}

.td-tests {
    background-color: #fef6d0;
    color: #aa8800;
    font-weight: bold;
}

.low-tests {
    background-color: #fdd;
    color: #a00;
    font-weight: bold;
}

.high-tests {
    background-color: #dfd;
    color: #080;
    font-weight: bold;
}

@media (prefers-color-scheme: dark) {
    .td-name {
        color: #ddbb77; /* jemná světlá hnědá vhodná pro tmavé pozadí */
    }	
	
    .td-laps {
        background-color: #183040;
        color: #66bbff;
    }

    .td-tests {
        background-color: #403a20;
        color: #ffcc44;
    }

    .low-tests {
        background-color: #402020;
        color: #ff6666;
    }

    .high-tests {
        background-color: #203820;
        color: #88ff88;
    }
}

/*Planovac setupu*/

.label-default {
	background-color: #F9F9F9;
}
.label-green {
	background-color: #E7FFE7;
}
.label-yellow1 {
	background-color: #FFFFAF;
}
.label-yellow2 {
	background-color: #FFFFA7;
}

@media (prefers-color-scheme: dark) {
	.label-default {
		background-color: #222;
		color: #ddd;
	}
	.label-green {
		background-color: #1e3321;
		color: #cceacc;
	}
	.label-yellow1 {
		background-color: #4c4c26;
		color: #fffcc0;
	}
	.label-yellow2 {
		background-color: #5a5a2b;
		color: #fffcb0;
	}
}

.barva-high {
    background-color: #ffcccc;
    color: #990000;
}

.barva-mid {
    background-color: #ffe5b4;
    color: #aa6600;
}

.barva-low {
    background-color: lightgreen;
    color: #004400;
}

/* Tmavý režim */
@media (prefers-color-scheme: dark) {
    .barva-high {
        background-color: #662222;
        color: #ffaaaa;
    }

    .barva-mid {
        background-color: #665522;
        color: #ffd080;
    }

    .barva-low {
        background-color: #225522;
        color: #ccffcc;
    }
}

/* Světlý režim */
.rr0  { background-color: #E5FFE5; }
.rr1  { background-color: #E8FCE5; }
.rr2  { background-color: #EBFAE5; }
.rr3  { background-color: #EDF7E5; }
.rr4  { background-color: #F0F5E5; }
.rr5  { background-color: #F2F2E5; }
.rr6  { background-color: #F5F0E5; }
.rr7  { background-color: #F7EDE5; }
.rr8  { background-color: #FAEBE5; }
.rr9  { background-color: #FCE8E5; }
.rr10 { background-color: #FFE5E5; }
.rr11 { background-color: #FFE0E0; }
.rr12 { background-color: #FFDADA; }
.rr13 { background-color: #FFD5D5; }
.rr14 { background-color: #FFD0D0; }

/* Tmavý režim */
@media (prefers-color-scheme: dark) {
  .rr0  { background-color: #224422; color: #ccffcc; }
  .rr1  { background-color: #264726; color: #ccffcc; }
  .rr2  { background-color: #294a29; color: #ccffcc; }
  .rr3  { background-color: #2d4d2d; color: #ccffcc; }
  .rr4  { background-color: #314f31; color: #ccffcc; }
  .rr5  { background-color: #355235; color: #ccffcc; }
  .rr6  { background-color: #395539; color: #ccffcc; }
  .rr7  { background-color: #3d583d; color: #ccffcc; }
  .rr8  { background-color: #415a41; color: #ffecec; }
  .rr9  { background-color: #555; color: #ffecec; }
  .rr10 { background-color: #663333; color: #ffecec; }
  .rr11 { background-color: #773333; color: #ffecec; }
  .rr12 { background-color: #883333; color: #ffecec; }
  .rr13 { background-color: #993333; color: #ffecec; }
  .rr14 { background-color: #aa3333; color: #fff0f0; }
}

td.weather-rain {
    background-color: #ADD8E6; /* světle modrá */
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    td.weather-rain {
        background-color: #356b8c; /* tmavší modrá */
        color: #e0f0ff;
    }
}

/* Default (light mode) */
.wear-low { background-color: #e6ffe6; }
.wear-medium { background-color: #fff5cc; }
.wear-high { background-color: #ffe6e6; }
.wear-critical { background-color: #ffcccc; }

/* Dark mode – použij prefer-color-scheme */
@media (prefers-color-scheme: dark) {
  .wear-low { background-color: #204020; color: #cfc; }
  .wear-medium { background-color: #665500; color: #fff2c2; }
  .wear-high { background-color: #442222; color: #ffdddd; }
  .wear-critical { background-color: #661111; color: #ffdada; }
}

/*CKeditor*/

@media (prefers-color-scheme: dark) {
    .ck-editor__editable {
        background-color: #1e1e1e !important;
        color: #ddd !important;
    }
    .ck-toolbar {
        background-color: #cccccc !important;
        border-color: #444 !important;
    }
}

/*pha calc*/
/* Světlé barvy (light mode default) */
.bg-wear-1 { background-color: #FFD0D0; }
.bg-wear-2 { background-color: #FFD5D5; }
.bg-wear-3 { background-color: #FFDADA; }
.bg-wear-4 { background-color: #FFE0E0; }
.bg-wear-5 { background-color: #FFE5E5; }
.bg-wear-6 { background-color: #FCE8E5; }
.bg-wear-7 { background-color: #FAEBE5; }
.bg-wear-8 { background-color: #F7EDE5; }
.bg-wear-9 { background-color: #F5F0E5; }
.bg-wear-10 { background-color: #F2F2E5; }
.bg-wear-11 { background-color: #F0F5E5; }
.bg-wear-12 { background-color: #EDF7E5; }
.bg-wear-13 { background-color: #EBFAE5; }
.bg-wear-14 { background-color: #E8FCE5; }
.bg-wear-15 { background-color: #E5FFE5; }

/* Tmavý režim */
@media (prefers-color-scheme: dark) {
    .bg-wear-1  { background-color: #2a0f0f; }  /* velmi opotřebené – tmavě červená */
    .bg-wear-2  { background-color: #331212; }
    .bg-wear-3  { background-color: #3d1616; }
    .bg-wear-4  { background-color: #471a1a; }
    .bg-wear-5  { background-color: #511d1d; }
    .bg-wear-6  { background-color: #5b2121; }
    .bg-wear-7  { background-color: #652525; }
    .bg-wear-8  { background-color: #6f2929; }
    .bg-wear-9  { background-color: #793d3d; }
    .bg-wear-10 { background-color: #835151; }

    .bg-wear-11 { background-color: #1f2a1f; }  /* začátek do zelena – tlumené */
    .bg-wear-12 { background-color: #1a331a; }
    .bg-wear-13 { background-color: #154015; }
    .bg-wear-14 { background-color: #104c10; }
    .bg-wear-15 { background-color: #0b590b; }  /* nejméně opotřebené – tmavě zelená */
}

/*practice_diff*/
:root {
  --bias-power-light: rgb(255,180,180);
  --bias-handling-light: rgb(180,255,180);
  --bias-accel-light: rgb(180,200,255);
  --bias-power-dark: rgb(90,30,30);
  --bias-handling-dark: rgb(30,90,30);
  --bias-accel-dark: rgb(30,50,90);
}
@media (prefers-color-scheme: dark) {
  .bias-power    { background-color: var(--bias-power-dark)!important; color: #fff!important; }
  .bias-handling { background-color: var(--bias-handling-dark)!important; color: #fff!important; }
  .bias-accel    { background-color: var(--bias-accel-dark)!important; color: #fff!important; }
}
@media (prefers-color-scheme: light) {
  .bias-power    { background-color: var(--bias-power-light)!important; color: #000!important; }
  .bias-handling { background-color: var(--bias-handling-light)!important; color: #000!important; }
  .bias-accel    { background-color: var(--bias-accel-light)!important; color: #000!important; }
}