tabulky */
.week-day-heading {
font-weight: 600;
font-size: var(--font-size-large);
padding: var(--spacing-sm) 0;
}
/* B5: sedy sloupec / box poznamek dne (UI_CONVENTIONS.md 9). Text --color-text-primary
na --color-neutral-light (cca 10,5 : 1); tlacitka maji vlastni bily/cerveny podklad. */
.week-day-notes {
background: var(--color-neutral-light);
color: var(--color-text-primary);
border-radius: var(--radius-md);
padding: var(--spacing-sm);
font-size: var(--font-size-base);
overflow-wrap: anywhere;
}
.day-notes-list {
list-style: none;
margin: 0 0 var(--spacing-sm);
padding: 0;
display: flex;
flex-direction: column;
gap: var(--spacing-sm);
}
.day-note-actions,
.day-note-scope .form-actions {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-xs);
margin-top: var(--spacing-xs);
}
.day-note-form {
display: flex;
flex-direction: column;
gap: var(--spacing-xs);
}
.day-note-form input[type="text"],
.day-note-form input[type="date"] {
width: 100%;
padding: var(--spacing-xs) var(--spacing-sm);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
font: inherit;
color: var(--color-text-primary);
background: var(--color-bg-white);
}
.day-note-form input:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: var(--focus-ring);
}
.day-note-repeat label {
display: flex;
align-items: center;
gap: var(--spacing-xs);
min-height: var(--touch-target);
}
.week-table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
background: var(--color-bg-white);
}
.week-table caption {
text-align: left;
font-weight: 600;
font-size: var(--font-size-large);
padding: var(--spacing-sm) 0;
}
.week-table th,
.week-table td {
border: 1px solid var(--color-border-light);
vertical-align: top;
padding: var(--spacing-xs);
}
/* W33/W37: .week-table td > .week-cell:only-child pouziva height: 100% -
"height: 0" na td dava procentu vuci cemu se pocitat (skutecnou vysku
radku/rowspanu tim nezmensi). */
.week-table td {
height: 0;
}
/* D3 (oprava po prokliku): Firefox s table-layout: fixed a height: 0 tabulku
nevykresli citelne - jen v nem vyska podle obsahu (bloky se neroztahuji). */
@supports (-moz-appearance: none) {
.week-table td {
height: auto;
}
}
/* D6 R3 (6.35): Firefox neroztahne .week-cell na vysku radku, zustavaji prazdne
plochy. Vzhled bloku (barva, levy okraj) proto nese | s jednim blokem
(app.js markSingleWeekTd) a vnitrni blok je pruhledny. Jen Firefox. */
@supports (-moz-appearance: none) {
.week-table td.week-td--single {
background: color-mix(in srgb, var(--cell-color, var(--color-border)) var(--cell-tint), var(--color-bg-white));
border-left: 4px solid var(--cell-color, var(--color-border));
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
.week-table td.week-td--no-teacher {
--cell-color: var(--color-neutral-mid);
background: var(--color-bg-white);
}
.week-table td.week-td--single > .week-cell {
background: transparent;
border-left: 0;
}
}
.week-table th {
font-weight: 600;
font-size: var(--font-size-small);
color: var(--color-text-secondary);
text-align: center;
white-space: nowrap;
}
/* D4 R6: stazeny kratky sloupec je uzky pruh - bez vnitrniho odsazeni. */
.week-table .week-col--squeeze {
padding: 0;
}
.week-cell {
display: block;
width: 100%;
font: inherit;
text-align: left;
color: inherit;
background: color-mix(in srgb, var(--cell-color, var(--color-border)) var(--cell-tint), var(--color-bg-white));
border: 0;
border-left: 4px solid var(--cell-color, var(--color-border));
border-radius: var(--radius-sm);
padding: var(--spacing-xs) var(--spacing-sm);
print-color-adjust: exact;
}
/* D6 R1: dlouha slova v uzkem sloupci se zalomi, ne vylezou z bloku */
.week-table .week-cell { overflow-wrap: anywhere; hyphens: auto; }
button.week-cell {
cursor: pointer;
}
/* D7 R2: skok na bunku (panel zmen) neskonci pod ukotvenou listou tydne (styles.css .week-bar-sticky) */
@media screen {
.week-cell { scroll-margin-top: var(--week-bar-offset); }
}
.week-cell:focus-visible {
box-shadow: var(--focus-ring);
}
.week-cell + .week-cell {
margin-top: var(--spacing-xs);
}
.week-cell--no-teacher {
--cell-color: var(--color-neutral-mid);
background: var(--color-bg-white);
}
/* W37: kazdy osamoceny .week-cell (bezny blok s rowSpan=1 i .week-cell--span
s rowSpan>1, i jednopolozkovy pruh) vyplni celou svou | az ke spodni
hrane - bez ohledu na rowSpan. Zarovnani obsahu resi az pravidlo nize. */
.week-table td > .week-cell:only-child {
display: flex;
flex-direction: column;
height: 100%;
}
.week-cell--span,
.week-band > .week-cell {
align-items: center;
justify-content: center;
text-align: center;
}
/* D2 J4: bunky pruhu se deli rovnomerne o celou vysku dne; mezera je
stavajici .week-cell + .week-cell margin-top. */
.week-band > .week-cell {
display: flex;
flex-direction: column;
height: calc((100% - (var(--band-count, 1) - 1) * var(--spacing-xs)) / var(--band-count, 1));
}
/* 0.31: radky bunky jsou span (platny obsah |