/* ============================================================
   Privitci — dijeljeni prikaz za sve module (plan 094, nalaz N-13)

   Dosad su stilovi privitaka stajali u qms-zadovoljstvo.css, jer je ondje
   prikaz prvi put i nastao. Sada ih koristi i certifikat, i umjerni list, i
   zapisnik uprave, pa pripadaju ovamo. Imena qms-zad-* ostaju netaknuta: na
   njih se veže zatečeni prikaz i ne mijenjaju se usput.
   ============================================================ */

/* Zbijeni oblik — za ćeliju u tablici, gdje kartica ne stane.
   Umjerni list veže se uz POJEDINO umjeravanje, a umjeravanja su redci. */
.qms-privitci-zbijeno {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
}

.qms-privitci-zbijeno a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qms-privitci-zbijeno form {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

.qms-privitci-zbijeno input[type="file"] {
    max-width: 150px;
    font-size: 12px;
}

/* Brisanje u zbijenom obliku je križić, ne gumb s natpisom: u ćeliji tablice
   natpis „Obriši“ pojede širinu koju treba naziv datoteke. */
.qms-privitak-x {
    border: 0;
    background: none;
    padding: 0 3px;
    line-height: 1;
    font-size: 15px;
    color: var(--muted, #6b757c);
    cursor: pointer;
}

.qms-privitak-x:hover { color: #b3261e; }

/* Stupac umjernog lista u povijesti umjeravanja. */
.qms-opr-cal-list { min-width: 130px; }

/* U zbijenom obliku odabir datoteke sam šalje obrazac, pa se sirovo polje
   sakriva i ostaje samo mali „+”. „Choose File” i „Dodaj” jedan do drugoga u
   ćeliji uzmu više mjesta nego naziv datoteke radi kojeg stupac i postoji. */
.qms-privitak-skriveno {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

.qms-privitak-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid var(--line, #e3e5e9);
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}

.qms-privitak-plus:hover { border-color: var(--accent, #007a84); }

/* Fokus se mora vidjeti: polje je sakriveno, pa okvir nosi oznaka. */
.qms-privitak-skriveno:focus-visible + .qms-privitak-plus {
    outline: 2px solid var(--accent, #007a84);
    outline-offset: 1px;
}