/* Zverejňovanie objednávok a faktúr - rozloženie verejnej stránky (bez bočného menu portálu), farby a prvky z portal.css */
[data-modul="UCT"] { --m-h: 212; --m-s: 65%; }
.u-hlavicka { background: var(--m-tint); border-bottom: 1px solid var(--border); box-shadow: 0 -3px 0 var(--m-500) inset; }
.u-hlavicka .u-obsah { max-width: 1500px; margin: 0 auto; padding: .55rem 1rem; display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; }
.u-hlavicka img { height: 48px; width: auto; }
.u-hlavicka .u-nazov { font-weight: 700; font-size: 1.05rem; line-height: 1.15; color: var(--m-ink); }
.u-hlavicka .u-nazov small { display: block; font-weight: 500; font-size: .8rem; color: var(--ink-soft); }
.u-menu { margin-left: auto; display: flex; gap: .4rem; flex-wrap: wrap; }
.u-menu a { padding: .4rem .8rem; border-radius: var(--radius-sm); color: var(--m-ink); text-decoration: none; font-weight: 600; border: 1px solid transparent; }
.u-menu a:hover { background: var(--m-50); border-color: var(--border); }
.u-menu a.aktivna { background: var(--m-500); color: #fff; }
.u-main { max-width: 1500px; margin: 0 auto; padding: 1.25rem 1rem 2rem; }
.u-paticka { max-width: 1500px; margin: 0 auto; padding: 0 1rem 1.5rem; color: var(--ink-soft); font-size: .8rem; }
.u-suma { white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
.u-dod small, .u-ine small { color: var(--ink-soft); }
.u-chyba { padding: 1rem 1.2rem; border-left: 4px solid #b42318; }
@media (max-width: 767.98px) { .u-menu { margin-left: 0; width: 100%; } .u-suma { text-align: left; } }
.p-pager a.btn, .p-pager span.btn { min-width: 32px; height: 32px; padding: 0 .5rem; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--border); background: var(--surface); border-radius: var(--radius-sm); color: var(--ink-soft); box-shadow: none; text-transform: none; font-size: .85rem; }
.p-pager a.btn.aktivna { background: var(--m-500); border-color: var(--m-500); color: #fff; font-weight: 700; }
.p-pager a.btn:hover:not(.aktivna) { background: var(--m-50); color: var(--m-600); }
.u-na-stranu { display: flex; gap: .4rem; align-items: center; }
.u-na-stranu .form-select { width: auto; }
.u-jemne { color: var(--ink-soft); } .u-cervena { color: #b42318; }