html {
  font-family: 'Roboto', Arial, sans-serif;
}


hr.symbol {
  border: 0;
  border-top: 3px solid #ccc;
  text-align: center;
  overflow: visible;
}
hr.symbol:after {
  content: "★";
  background: #fff;
  padding: 0 10px;
  position: relative;
  top: -13px;
}
hr.ikos {
  border: 0;
  border-top: 10px solid #ccc;
  border-bottom: 5px solid #C30060;
  text-align: center;
  overflow: visible;
}
h1 {
  font-weight: 600;
}

@media (min-width: 1400px) { .row.rowTile .order-md-1.col-xxl-2 { width: 120px; flex: 0 0 120px; max-width: 120PX; white-space: nowrap; } } 
@media (min-width: 1400px) { .row.rowTile .order-xxl-1.col-xxl-2 { width: 120px; flex: 0 0 120px; max-width: 120pX; white-space: nowrap; text-align: center; } } 
@media (min-width: 1400px) { .row.rowTile .flex-xxl-grow-1.text-truncate { flex: 0 0 445px !important; width: 445px !important; max-width: 445px !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; overflow: visible !important; text-overflow: clip !important; } } 
@media (min-width: 1400px) { .row.rowTile .order-xxl-last.col-xxl-1 { width: 120px; flex: 0 0 120px; max-width: 120px; white-space: nowrap; text-align: center; } }
@media (min-width: 1400px) { /* ať se řádek neskládá "na konec" */ .row.rowTile { justify-content: flex-start !important; } /* Číslo = 1. sloupec */ .row.rowTile .order-md-1.col-xxl-2 { order: 1 !important; } /* Stav = 2. sloupec (v HTML má order-xxl-1, tím ho přebijeme) */ .row.rowTile .order-xxl-1.col-xxl-2 { order: 2 !important; } /* Název = 3. sloupec */ .row.rowTile .flex-xxl-grow-1 { order: 3 !important; } /* Zadal = 4. sloupec */ .row.rowTile .order-xxl-3.col-xxl-2 { order: 4 !important; } /* Závažnost = 5. sloupec */ .row.rowTile .order-xxl-4.col-xxl-1 { order: 5 !important; } /* Datum = 6. sloupec */ .row.rowTile .order-xxl-last.col-xxl-1 { order: 6 !important; } }

@media (min-width: 1400px) {
  /* hlaviÄku taky zarovnat odleva */
  #resultHead .row.rowTile {
    justify-content: flex-start !important;
  }

  /* Číslo (v hlaviÄce má col-xxl-2 pe-xxl-0) */
  #resultHead .row.rowTile .col-xxl-2.pe-xxl-0 {
    order: 1 !important;
    width: 120px !important;
    flex: 0 0 120px !important;
    max-width: 120px !important;
    white-space: nowrap;
    text-align: left;
  }

  /* Stav (v hlaviÄce má col-xxl-2 order-xxl-1) */
  #resultHead .row.rowTile .order-xxl-1.col-xxl-2 {
    order: 2 !important;
    width: 120px !important;
    flex: 0 0 120px !important;
    max-width: 120px !important;
    white-space: nowrap;
    text-align: center;
  }

  /* Název (hlaviÄka i řádky: flex-xxl-grow-1) */
  #resultHead .row.rowTile .flex-xxl-grow-1 {
    order: 3 !important;
    flex: 0 0 445px !important;
    width: 445px !important;
    max-width: 445px !important;
    white-space: nowrap; /* hlaviÄka: nechceme víc řádků */
  }

  /* Zadal (v hlaviÄce má order-xxl-3 col-xxl-2) */
  #resultHead .row.rowTile .order-xxl-3.col-xxl-2 {
    order: 4 !important;
    width: 145px !important;     /* tohle si případně doladíš */
    flex: 0 0 145px !important;
    max-width: 145px !important;
    white-space: nowrap;
  }

  /* Závažnost (order-xxl-4 col-xxl-1) */
  #resultHead .row.rowTile .order-xxl-4.col-xxl-1 {
    order: 5 !important;
    width: 120px !important;
    flex: 0 0 120px !important;
    max-width: 120px !important;
    white-space: nowrap;
    text-align: center;
  }

  /* Datum (order-xxl-last col-xxl-1) */
  #resultHead .row.rowTile .order-xxl-last.col-xxl-1 {
    order: 6 !important;
    width: 120px !important;
    flex: 0 0 120px !important;
    max-width: 120px !important;
    white-space: nowrap;
    text-align: center;
  }
}
/* sudé řádky */
.row.rowTile:not(.bg-light):nth-of-type(even) {
  background-color: #f8f9fa;
}

/* hover */
.row.rowTile:not(.bg-light):hover {
  background-color: #eef5ff;
}


/* Sloupec STAV – zarovnání */
.row.rowTile .order-md-last {
  display: flex;
  justify-content: center;   /* můžeš změnit na flex-start */
  align-items: center;
}

/* Základ badge – BEZ změny font-size */
.row.rowTile .order-md-last[class*="stav-"] {
  font-weight: 600;
  line-height: 1.25;

  padding: 3px 10px;
  border-radius: 999px;

  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.stav-prijato {
  color: #0d6efd;
  background-color: rgba(13,110,253,0.15);
}

.stav-k-upresneni,
.stav-upresneno {
  color: #d39e00;
  background-color: rgba(255,193,7,0.2);
}

.stav-kalkulace-ceny {
  color: #6f42c1;
  background-color: rgba(111,66,193,0.15);
}

.stav-k-odsouhl-ceny,
.stav-cena-odsouhlasena {
  color: #0f5132;
  background-color: rgba(25,135,84,0.18);
}
.stav-odeslano-vyrobci,
.stav-cekani-na-nahradni-dil {
  color: #084298;
  background-color: rgba(13,110,253,0.12);
}
.stav-v-realizaci {
  color: #0dcaf0;
  background-color: rgba(13,202,240,0.2);
}

.stav-testovani {
  color: #fd7e14;
  background-color: rgba(253,126,20,0.18);
}
.stav-vyzva {
  color: #842029;
  background-color: rgba(220,53,69,0.25);
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(132,32,41,0.5) inset;
}
.stav-cena-zamitnuta {
  color: #842029;
  background-color: rgba(220,53,69,0.2);
}

.stav-zruseno {
  color: #842029;
  background-color: rgba(220,53,69,0.15);
}

.stav-odlozeno {
  color: #495057;
  background-color: rgba(108,117,125,0.2);
}
.stav-hotovo {
  color: #0f5132;
  background-color: rgba(25,135,84,0.22);
  font-weight: 700;
}

/*----------------------------------------------------------------*/
/* === Tiles: vlastní FA ikony podle tlaÄítka === */

/* 1) Skryj původní vložené SVG (je stejné všude) */
#tiles_r1ACZa3eywgw-XZk5c17oQuai .tile .svg-inline--fa{
  display: none !important;
}

/* 2) Základ pro naši ikonu (před textem) */
#tiles_r1ACZa3eywgw-XZk5c17oQuai .tile .col.text-truncate{
  display: inline-flex;          /* aby ikona + text seděly */
  align-items: center;
}

#tiles_r1ACZa3eywgw-XZk5c17oQuai .tile .col.text-truncate::before{
  /* Font Awesome Free – solid */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;              /* solid */
  display: inline-block;
  width: 1.25em;                 /* jako fa-fw */
  margin-right: .5rem;           /* jako me-2 */
  line-height: 1;
  content: "\f15b";              /* default (file-alt / file) */
}


/* 3) Mapování podle href (nejspolehlivější) */
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000002"] .col.text-truncate::before{
  content: "\f059"; /* question-circle (Uživatelská podpora - příklad) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000003"] .col.text-truncate::before{
  content: "\f05a"; /* info-circle (Obecný dotaz - příklad) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000012"] .col.text-truncate::before{
  content: "\f19d"; /* graduation-cap (Školení a konzultace) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000016"] .col.text-truncate::before{
  content: "\f2db"; /* toolbox (Reinstalace a migrace) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A1000000000D"] .col.text-truncate::before{
  content: "\f121"; /* code (Vývoj) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000004"] .col.text-truncate::before{
  content: "\f0ad"; /* wrench (Servis snímaÄů) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000017"] .col.text-truncate::before{
  content: "\f002"; /* search (Technické šetření) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000010"] .col.text-truncate::before{
  content: "\f07a"; /* shopping-cart (Obchod) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A1000000000F"] .col.text-truncate::before{
  content: "\f0fe"; /* plus-square (Nová instalace - SW) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000013"] .col.text-truncate::before{
  content: "\f1f8"; /* trash (Reklamace) – jen příklad, klidně změň */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000018"] .col.text-truncate::before{
  content: "\f0a0"; /* hdd (Nová instalace - HW) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000015"] .col.text-truncate::before{
  content: "\f0ae"; /* tasks (Test tiskárny) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A10000000009"] .col.text-truncate::before{
  content: "\f02f"; /* print (Servis tiskáren) */
}
#tiles_r1ACZa3eywgw-XZk5c17oQuai a[href="/pozadavky/A1000000000E"] .col.text-truncate::before{
  content: "\f0c3"; /* flask (IKOS - nová výroba) – jen příklad */
}