/* Wygląd zadania 3 -- ten sam co w zadaniu 2 (Bootstrap 5, ciemny pasek nawigacji, wyśrodkowane okno logowania) */
body { background-color: #f0f4f8; display: flex; flex-direction: column; min-height: 100vh; }
main { flex: 1 0 auto; }

.navbar { min-height:50px; font-size:16px; background-color:#2c3e50 !important; }

.sekcja1
{
	height:auto; width:auto; text-align:left;
	border-color:#2c3e50; border-width:1px;
	margin-top:60px; margin-left:5px; margin-right:1px;	margin-bottom:5px;
	font-size:18px;
}

.page-footer
{
	height:auto; width:auto; font-size:13px;
	color:#ffffff !important;                                                  /* !important -- nadpisuje jasny kolor tekstu narzucony przez klasę bg-light Bootstrapa */
	background-color:#2c3e50 !important;                                       /* !important -- nadpisuje jasne tło narzucone przez klasę bg-light Bootstrapa */
	border:none;
	margin-left:1px; margin-right:1px; margin-bottom:1px;
	padding:10px;
	text-align:center;
}

/* Formularz logowania i rejestracji -- wzorowany na przykładzie "Sign-in" z dokumentacji Bootstrap 5,
   wyśrodkowany w pionie i w poziomie na dostępnej wysokości ekranu (między navbarem a stopką) */
.form-signin
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 70px 1rem 2rem 1rem;                                              /* górny odstęp uwzględnia wysokość navbaru (position:fixed) */
}

.form-signin form
{
	width: 100%;
	max-width: 400px;
	background-color: #ffffff;
	padding: 2.5rem 2rem;
	border-radius: 14px;
	box-shadow: 0 10px 35px rgba(0,0,0,0.15);
	text-align: center;
}

.form-signin .form-floating:focus-within { z-index: 2; }

.form-signin input[type="text"]
{
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"]
{
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* trzy pola pod sobą (login, hasło, powtórz hasło): środkowe bez zaokrągleń */
.form-signin input[type="password"].srodek
{
	margin-bottom: -1px;
	border-radius: 0;
}

/* Elementy zadania 3: wyniki poleceń, tabele wizyt, lista podpunktów */
pre { background:#ffffff; border:1px solid #cbd5e1; border-radius:6px; padding:10px; overflow-x:auto; font-size:14px; }
table.table { font-size:14px; background:#ffffff; }
.sekcja1 h1 { color:#2c3e50; }
.lista-zadania .list-group-item { font-size:16px; }
.lista-zadania .card-header { background-color:#2c3e50; color:#ffffff; font-weight:600; }