Σ Celkem … */
.at-table tfoot > tr > :is(td, th) {
block-size: var(--at-row-height);
padding: var(--at-space-2) var(--at-space-3);
border-block-start: var(--at-table-foot-rule-width) solid var(--at-table-foot-rule);
font-weight: var(--at-font-weight-semibold);
text-align: start;
vertical-align: middle;
}
.at-table tfoot .at-num {
text-align: end;
}
/* Konečný součet: v Tiskopisu podtržený dvojitou linkou jako v účetní knize (--at-total-line),
* jinde bez podtržení. Jen jeden na tabulku. */
.at-table__soucet {
text-decoration-line: var(--at-total-line);
text-decoration-style: double;
text-decoration-color: var(--at-ink);
text-decoration-thickness: var(--at-border-rule);
text-decoration-skip-ink: none;
text-underline-offset: 0.3em;
}
.at-table__sigma {
margin-inline-end: var(--at-space-1);
color: var(--at-muted);
font-weight: var(--at-font-weight-regular);
}
/* Prázdný řádek: jedna buňka přes všechny sloupce, věta s důvodem a dalším krokem. */
.at-table tbody > tr.at-table__prazdny > td {
block-size: auto;
padding: var(--at-space-5) var(--at-space-3);
color: var(--at-ink-soft);
white-space: normal;
}
.at-table tbody tr.at-table__prazdny {
background: transparent;
}
/* Načítání: nic do 150 ms, pak text řádků, odkazů i štítků přejde do tlumené barvy muted.
* Kontrast zůstane aspoň 4,5 : 1 (průhlednost by ho snížila pod hranici). Stav načítání nese
* věta v nebo v oblasti role="status", ztlumení je jen doplněk. */
.at-table tbody > tr,
.at-table tbody > tr :is(a, .at-stav, .at-spz, .at-castka, .at-table__druhy) {
transition: color var(--at-motion-fast) linear;
}
.at-table[aria-busy='true']:not(.at-kostra) tbody > tr,
.at-table[aria-busy='true']:not(.at-kostra) tbody > tr :is(a, .at-stav, .at-spz, .at-castka, .at-table__druhy) {
color: var(--at-muted);
transition: color var(--at-motion-base) linear var(--at-motion-base);
}
.at-table[aria-busy='true'] {
cursor: progress;
}
/* ---------- Skládaná tabulka na úzké ploše ----------
* Datová tabulka, která se na telefonu nemá posouvat do stran (zakázky, obchodní případy).
* Když je obal užší než 40 rem, složí se každý řádek do mřížky: první buňka (číslo zakázky)
* přes celou šířku, ostatní po dvou s popiskem sloupce nad hodnotou. Popisek je v atributu
* data-popisek buňky (i s jednotkou, „Cena s DPH (Kč)“; popisek se nesází verzálkami, aby
* jednotka zůstala malými písmeny); buňka s .at-table__cela zabere celý řádek mřížky. Záhlaví zůstane
* čtečkám, popisek je i v přístupném textu, takže hodnota nezůstane bez popisku ani tam, kde
* prohlížeč při složení řádku ztratí sémantiku tabulky. Součtový řádek je název vlevo
* a částka vpravo.
* … … */
@container (inline-size < 40rem) {
.at-table--skladana,
.at-table--skladana > :is(tbody, tfoot) {
display: block;
}
.at-table--skladana > thead {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.at-table--skladana > tbody > tr {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--at-space-2) var(--at-space-4);
padding: var(--at-space-3) max(var(--at-space-3), var(--at-panel-padding));
border-block-end: var(--at-border-rule) solid var(--at-rule);
}
.at-table--skladana > :is(tbody, tfoot) > tr > :is(td, th),
.at-panel__telo--plne .at-table--skladana > :is(tbody, tfoot) > tr > :is(:first-child, :last-child) {
display: block;
block-size: auto;
padding: 0;
border: 0;
text-align: start;
}
.at-table--skladana > tbody > tr > :is(:first-child, .at-table__cela) {
grid-column: 1 / -1;
}
.at-table--skladana > tbody .at-num {
text-align: start;
}
/* V půlce řádku se dlouhý stav („Čeká na schválení rozpočtu“) zalomí, nepřeteče vedle. */
.at-table--skladana > tbody .at-stav {
white-space: normal;
}
.at-table--skladana > tbody > tr > [data-popisek]::before {
content: attr(data-popisek);
display: block;
margin-block-end: calc(var(--at-space-1) / 2);
color: var(--at-muted);
font-size: var(--at-font-size-small);
font-weight: var(--at-font-weight-medium);
font-stretch: var(--at-stretch-label);
}
.at-table--skladana > tfoot > tr {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: var(--at-space-1) var(--at-space-4);
padding: var(--at-space-3) max(var(--at-space-3), var(--at-panel-padding));
border-block-start: var(--at-table-foot-rule-width) solid var(--at-table-foot-rule);
font-weight: var(--at-font-weight-semibold);
}
.at-table--skladana > tfoot > tr > .at-num {
text-align: end;
}
}
/* ---------- Stavový štítek a slovník stavů ----------
* …#i-naradi V opravě…
* …
* 18 430,00 Kč
* Záporná: skutečné minus U+2212 v textu a .at-castka--zaporna (tón chyby). */
.at-castka {
font-stretch: var(--at-stretch-number);
font-variant-numeric: tabular-nums lining-nums;
white-space: nowrap;
}
.at-castka__mena {
color: var(--at-muted);
font-weight: var(--at-font-weight-regular);
}
.at-castka--zaporna {
color: var(--at-danger);
}
/* ---------- Metrický pás ----------
*
*
…
* 184 350 Kč
* … …
VIN … …
* Zakázky 21–40 z 312
*