/* ============================================================
   Karlix QMS — interni auditi
   Dopuna uz qms.css i qms-list.css. Učitava se poslije njih.
   ============================================================ */

/* ------------------------------------------------------------
   1. GRID
   Audita je sedam godišnje — bez odabira redova i bez straničenja.
   ------------------------------------------------------------ */

.qms-list--aud { table-layout: fixed; }

.qms-list--aud th.c-num      { width: 140px; }
.qms-list--aud th.c-name     { width: auto; }
.qms-list--aud th.c-type     { width: 110px; }
.qms-list--aud th.c-std      { width: 260px; }
.qms-list--aud th.c-lead     { width: 170px; }
.qms-list--aud th.c-findings { width: 90px; text-align: center; }
/* Status je pill s točkom; „Provedeno" se pri 110px lomilo. Naziv i opseg je
   `auto`, pa se za isto toliko sam smanji. */
.qms-list--aud th.c-status   { width: 150px; }

.qms-list--aud td.c-findings { text-align: center; }
.qms-list--aud th:first-child,
.qms-list--aud td:first-child { padding-left: 20px; }

/* ------------------------------------------------------------
   2. VRSTA I NORME
   ------------------------------------------------------------ */

.qms-audtype {
    display: inline-flex; align-items: center;
    max-width: 100%;
    padding: 2px 8px;
    border-radius: 5px;
    background: var(--neutral-soft); color: var(--ink-2);
    font-size: 11.5px;
}
.qms-audtype span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.qms-stdlist { display: flex; align-items: center; gap: 5px; flex-wrap: nowrap; overflow: hidden; }
.qms-std {
    flex: 0 0 auto;
    padding: 2px 7px;
    border-radius: 5px;
    background: var(--accent-soft); color: var(--accent-text);
    font-size: 11px; white-space: nowrap;
}

/* ------------------------------------------------------------
   3. NALAZI
   Broj bez podatka koliko ih je otvoreno ne govori ništa.
   ------------------------------------------------------------ */

.qms-findings {
    display: inline-flex; align-items: center; gap: 6px;
    color: inherit; text-decoration: none;
}
.qms-findings:hover { text-decoration: none; color: inherit; }

.qms-findings-open {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 26px; height: 24px; padding: 0 8px;
    border-radius: 6px;
    background: var(--neutral-soft); color: var(--ink-2);
    font-size: 12px; font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.qms-findings-open.is-clear { background: var(--good-soft); color: var(--good-text); }
.qms-findings-open.is-some  { background: var(--warn-soft); color: var(--warn-text); }
.qms-findings-open.is-many  { background: var(--bad-soft);  color: var(--bad-text); }

.qms-findings-total { font-size: 12px; color: var(--ink-3); font-variant-numeric: tabular-nums; }

/* prazna stanja — moraju se razlikovati od prazne ćelije */
.qms-findings-none { font-size: 12.5px; color: var(--good-text); }
.qms-findings-na   { font-size: 12.5px; color: var(--ink-4); }
.qms-theme-light .qms-findings-na { color: #78838a; }

/* ------------------------------------------------------------
   4. TIM AUDITORA
   ------------------------------------------------------------ */

.qms-team { font-size: 12px; color: var(--ink-3); margin-top: 2px; }

/* ------------------------------------------------------------
   5. BIRAČ OSOBE (KarlixID)
   ------------------------------------------------------------ */

.qms-person {
    display: inline-flex; align-items: center; gap: 8px;
    min-width: 0;
}
.qms-person-avatar {
    flex: 0 0 auto;
    width: 22px; height: 22px;
    border-radius: 50%;
    background: var(--surface-3); color: var(--ink-2);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 9.5px; font-weight: 600;
}
.qms-person-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* zapis iz starog sustava — ime bez veze na korisnika */
.qms-person.is-unlinked .qms-person-avatar {
    background: transparent;
    border: 1px dashed var(--line-strong);
    color: var(--ink-4);
}
.qms-person.is-unlinked .qms-person-name { color: var(--ink-3); }

/* ------------------------------------------------------------
   6. RESPONZIVNO
   ------------------------------------------------------------ */

@media (max-width: 900px) {
    .qms-list--aud { table-layout: auto; }
    .qms-list--aud th, .qms-list--aud td { width: auto !important; }
    .qms-list--aud td.c-findings { text-align: left; }
    .qms-stdlist { flex-wrap: wrap; }
}

/* ZAOSTAJE ZA PLANOM (plan 243)

   Kartica je brojala audite kojima je pocetak prosao a i dalje su samo
   planirani, a u popisu se nije vidjelo KOJI. Brojka je govorila "tri", a tko
   su ta tri trebalo je pogoditi. Oznaka stoji uz status, uz boju opomene — ne
   greske: audit koji zaostaje nije pogresan podatak nego posao koji ceka. */
.qms-zaostaje {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 12px;
    background: var(--warn-soft);
    color: var(--warn-text);
}