body, table, h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	font-size: 16px;
	background: #DBDBDB;
	margin: 0;
	padding: 0;
}

header {
	position: sticky;
	top: 0;
	z-index: 1000; /* Aby hlavička byla nad ostatním obsahem */
	background-color: #DBDBDB; /* Nutné, jinak by pod ní prosvítal text */
	
	/* VNITŘNÍ PROSTOR: Zvětší hlavičku (místo kolem obsahu) */
	padding-top: 0px;    /* prostor nad obsahem */
	padding-bottom: 5px; /* prostor pod tabulkou */
}

table {
	font-size: 16px;
	color: Black;
	border: 0px solid Black;
}

/* Pro silnější červený rámeček při úpravě výkazu jiného uživatele */
.alert-border {
	border: 2px solid crimson;
	border-collapse: collapse;
}

tr, td {
	border: 0px solid Black;
	transition: background-color 0.3s ease;
}

hr {
	border: 0;
	border-top: 1px solid black;
	height: 0;
	/* margin: 10px 0;      /* Volitelný rozestup nad a pod čárou */
}

a {
	text-decoration: none;
	color: #1A5DB0;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 30px;
	text-align: center;
}

h2 {
	font-size: 24px;
	text-align: center;
}

h3 {
	font-size: 18px;
	text-align: center;
}

img {
	border: 0px;
}

.tlacitko {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Black;
	border-color: #003C74;
	background-color: #FCFCFB;
	border-style: solid;
	border-width: 1;
}

.tlacitkodel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Black;
	border-color: #003C74;
	background-color: #FFB1B1;
	border-style: solid;
	border-width: 1;
}

table.norm {
	border: 1px solid Black;
	border-collapse: collapse;
	background: #C0C0C0;
}

tr.norm, td.norm {
	border: 1px solid Black;
	background-color: #C0C0C0;
	transition: background-color 0.4s ease;
	padding: 3px 8px;
}

th.norm {
	border: 1px solid Black;
	background-color: #A9A9A9;
	transition: background-color 0.4s ease;
	padding: 3px 8px;
}

tr.clickable:hover td,
td.clickable:hover {
	background-color: #00BFFF !important;
	cursor: pointer;
}

tr.top, td.top {
	border: 1px solid Black;
	background-color: #A9A9A9;
	transition: background-color 0.4s ease;
	padding: 3px 8px;
}

tr.weekend, td.weekend {
	border: 1px solid Black;
	background-color: #8FBC8F;
	transition: background-color 0.4s ease;
	padding: 3px 8px;
}

tr.holiday, td.holiday {
	border: 1px solid Black;
	background-color: #6DADD5;
	transition: background-color 0.4s ease;
	padding: 3px 8px;
}

tr.red, td.red {
	border: 1px solid Black;
	background-color: #FFB1B1;
	padding: 3px 8px;
}

tr.green, td.green {
	border: 1px solid Black;
	background-color: #8FBC8F;
	padding: 3px 8px;
}

tr.level1, td.level1 { /* účetní */
	border: 1px solid Black;
	background-color: #BDB76B;
	padding: 3px 8px;
}

tr.level4, td.level4 { /* pověřený uživatel */
	border: 1px solid Black;
	background-color: #8FBC8B;
	padding: 3px 8px;
}

tr.level7, td.level7 { /* vedoucí */
	border: 1px solid Black;
	background-color: #5F9EA0;
	padding: 3px 8px;
}

tr.level9, td.level9 { /* administrátor */
	border: 1px solid Black;
	background-color: #A9A9A9;
	padding: 3px 8px;
}

input[type="number"] {
	text-align: right;
	width: 4em;
}

p {
	margin: 0;        /* Úplně odstraní mezeru mezi řádky */
	padding: 2px 0;   /* Přidá jen drobný prostor pro čitelnost */
}

.invalid {
	color: #990000;
}

.valid {
	color: #38761d;
}

#iframeModal {
    width: 100%;
    height: 550px;
    border: none;
}

.modal-stinovani {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5); /* Ztmavení pozadí */
}

.modal-obsah {
	background-color: SteelBlue;
	margin: 5% auto;
	padding: 20px;
	width: 80%;
	max-width: 800px;
	border-radius: 15px;
}

.modal-hlavicka {
	background-color: #DBDBDB;
	padding: 5px 15px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	/*border-bottom: 1px solid #555; Oddělující linka od iframe */
}

.zavrit {
	color: FireBrick;       /* Jasně červená barva */
	float: right;         /* Zarovnání doprava */
	cursor: pointer;      /* Změna kurzoru na ruku */
	font-size: 32px;      /* Větší velikost pro snadné kliknutí */
	font-weight: bold;
	line-height: 1;       /* Aby křížek nebyl zbytečně vysoký */
	padding: 0 5px 10px 10px; /* Odsazení od obsahu (iframe) */
	transition: color 0.2s;    /* Plynulá změna barvy */
	/*background-color: #DBDBDB;*/
}

.zavrit:hover {
	color: red; /* Změní barvu při najetí */
	text-shadow: 0 0 5px rgba(255,0,0,0.3); /* Jemná záře */
}

/* Kontejner pro vodorovný posuvník s odsazením od krajů */
.plan-container {
	/* Šířka okna mínus 20px (10px z každé strany) */
	width: calc(100% - 20px); 
	margin: 10px auto;        /* 10px nahoře/dole, auto vycentruje box */
	overflow-x: auto;
	overflow-y: hidden;
	border: none; 
	box-sizing: border-box;
	background: #DBDBDB;
}

/* Specifické nastavení pro plánovací tabulku */
table.plan-table {
	width: auto;          /* Necháme ji růst podle obsahu */
	min-width: 1500px;    /* Aby se KT sloupce nesrazily */
	border-collapse: separate; /* Nutné pro sticky efekt */ 
	border-spacing: 0;    /* Simuluje vzhled collapse */
	margin: 0;
	border: none !important;
}

/* Všechny buňky mají standardní pravý a spodní okraj */
table.plan-table td.norm, 
table.plan-table th.norm {
	border-right: 1px solid Black !important;
	border-bottom: 1px solid Black !important;
	border-top: none !important;
	border-left: none !important;
	padding: 3px 8px;
}

/* Fixní první sloupec */
.plan-sticky-col {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	position: sticky;
	left: 0;
	z-index: 5;
	background-color: #C0C0C0 !important; /* Musíte nastavit barvu pozadí (podle vašeho webu), jinak uvidíte texty přes sebe */
    
	/* Tady je trik: místo border-left použijeme vnitřní stín, 
	   který vytvoří dokonalou 1px čáru, co nikdy nezmizí */
	box-shadow: inset 1px 0 0 0 Black, inset -1px 0 0 0 Black;
	border-left: none !important;
}

/* Horní čára tabulky (u hlavičky) */
table.plan-table thead th.norm {
	border-top: 1px solid Black !important;
}

/* Rohová buňka (vlevo nahoře) - musí mít stín i nahoře */
th.plan-sticky-col {
	z-index: 6;
	background-color: #A9A9A9 !important;
	box-shadow: inset 1px 1px 0 0 Black, inset -1px 0 0 0 Black;
}