.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-f261e117-6fdc-672d-23f3-6cd33fd403de {
iframe{
min-height: 800px;
padding: 10px; 
}
}.lfr-layout-structure-item-aad05a02-679a-04cc-6594-8bf900ce1be0 {
iframe{
min-height: 800px;
padding: 10px; 
}
}.lfr-layout-structure-item-252f4404-029b-8418-dc53-05472f84c984 {

/* Główny kontener całej aplikacji:
   kalendarz po lewej + wydarzenia po prawej */
.item {
    display: flex;                 /* układ poziomy */
    align-items: flex-start;       /* wyrównanie do góry */
    height: 370px; /* KLUCZOWE — stała wysokość */	
    font-family: Arial, sans-serif;
    color: #000000;
}

/* Lewa kolumna – kalendarz */
.calendar {
    width: 40%;                    /* zajmuje 40% szerokości */
    padding: 20px;
    color: #000000;
}

/* Prawa kolumna – lista wydarzeń */
/* ===============================
   KONTENER PRAWEJ KOLUMNY
   =============================== */

.events {
    width: 60%;              /* szerokość jak wcześniej */
    padding: 20px;

    display: flex;           /* układ pionowy */
    flex-direction: column;  /* elementy jeden pod drugim */
    min-height: 0; /* MAGICZNA LINIA FLEXBOX */
}

/* Pojedynczy dzień w kalendarzu */
.day {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;             /* centrowanie pionowe */
    text-align: center;
    margin: 2px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #C0C0C0;
}

/* Nagłówki dni tygodnia */
.weekday {
    font-weight: bold;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 2px;
}

/* Sobota */
.day.saturday {
    background-color: #808080;
    color: white;
}

/* Niedziela */
.day.sunday {
    background-color: #808080;
    color: white;
}

/* Dzień posiada wydarzenie */
.day.event {
    background-color: #008000;
    color: white;
}

/* Dzisiejsza data */
.day.today {
    background-color: #000080;
    color: white;
	font-family: bubble numbers;
}

/* Aktualnie zaznaczony dzień */
.day.selected {
    background-color: #008080;
    color: white;
}

/* Pasek zmiany miesiąca */
.month-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Przyciski zmiany miesiąca */
.month-nav button {
    cursor: pointer;
    border-radius: 12px;
    padding: 5px;
    background-color: #C0C0C0;
    font-weight: bold;
}

/* Siatka kalendarza 7 kolumn */
.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

/* Puste pola przed początkiem miesiąca */
.day.empty {
    background: none;
    pointer-events: none; /* brak kliknięcia */
}

/* Hover na dzień */
.day:hover {
    background-color: #dddddd;
}

/* Lista wydarzeń */
#event-list {
    list-style-type: none;
    padding: 0;
}

/* Element wydarzenia */
.event-item {
    background-color: #C0C0C0;
    padding: 8px;
    margin: 5px 0;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* Dzisiejsze wydarzenie */
.event-item.today {
    background-color: #000080;
    color: white;
}

/* Hover wydarzenia */
.event-item:hover {
    background-color: #dddddd;
}

/* Zaznaczone wydarzenie */
.event-item.selected {
    background-color: #008080;
    color: white;
}



/* ===============================
   WRAPPER LISTY (SCROLL)
   =============================== */

.event-list-wrapper {

    flex: 1;                 /* zajmuje całą wolną wysokość kolumny */

    overflow-y: auto;        /* pojawia się pionowy scrollbar */
    min-height: 0; /* drugi klucz flex */

    border-radius: 8px;      /* lekko zaokrąglone rogi */
}

/* ===============================
   DOPASOWANIE WYSOKOŚCI DO KALENDARZA
   =============================== */

.item {
    align-items: stretch;    /* OBIE kolumny mają tę samą wysokość */
}

.event-list-wrapper::-webkit-scrollbar {
    width: 8px;
}

.event-list-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
.lfr-layout-structure-item-2c1d0d51-7a93-0bd3-10f8-f68451807fc8 {
iframe{
min-height: 800px;
padding: 10px; 
}
}