/* ============================================================
   Administracija → Sustav (plan 043)

   Postavke poslužitelja, firme i dijagnostika. Naslanja se na qms-profile.css
   (.qms-prefrow, .qms-card) — ovdje su samo stvari kojih ondje nema.
   ============================================================ */

/* Naslov odjeljka unutar podizbornika — dijeli „Sustav" od ostatka
   Administracije bez uvođenja druge razine sklapanja. */
.qms-nav-subsep {
    margin: 8px 0 3px;
    padding: 0 10px;
    font-size: 10px; text-transform: uppercase; letter-spacing: .07em;
    color: var(--ink-4); font-weight: 600;
    border-top: 1px solid var(--line);
    padding-top: 9px;
}

/* Ekran firmi je tablica, pa mu treba više od 760px iz .qms-profile-wrap. */
.qms-sys-wide { max-width: 1100px; }

/* ---- redak stanja: ista geometrija kao .qms-prefrow, uz ikonu i boju ---- */
.qms-sysrow {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 12px 20px;
    border-top: 1px solid var(--line-soft);
}
.qms-sysrow i { flex: 0 0 auto; font-size: 14px; margin-top: 2px; color: var(--ink-3); }
.qms-sysrow.is-ok i   { color: var(--good-text); }
.qms-sysrow.is-warn i { color: var(--warn); }
.qms-sysrow.is-bad i  { color: var(--bad); }

.qms-sys-warn { color: var(--warn-text); }

/* ---- brojčana polja ---- */
.qms-sysnum { width: 110px; flex: 0 0 auto; }
.qms-sysnum-sm { width: 74px; }

/* ---- tablica firmi ---- */
.qms-systable { width: 100%; border-collapse: collapse; font-size: 13px; }
.qms-systable th {
    text-align: left; padding: 9px 20px;
    font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em;
    color: var(--ink-3); font-weight: 600;
    border-bottom: 1px solid var(--line-strong);
    white-space: nowrap;
}
.qms-systable td { padding: 10px 20px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }
.qms-systable th.n, .qms-systable td.n { text-align: right; }
.qms-systable tr:last-child td { border-bottom: none; }

.qms-sys-tname { color: var(--ink); font-weight: 500; }
.qms-sys-tid { display: block; font-size: 10.5px; color: var(--ink-4); margin-top: 2px; }

.qms-sys-tag {
    display: inline-block; margin-left: 7px; padding: 1px 7px;
    border-radius: 11px; font-size: 10.5px;
    border: 1px solid var(--accent-line); color: var(--accent-text); background: var(--accent-soft);
}
.qms-sys-tag.is-demo { border-color: var(--line-strong); color: var(--ink-3); background: var(--surface-2); }

.qms-sys-inline { display: inline-flex; gap: 5px; align-items: center; }
.qms-sys-actions { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }

/* Red s potvrdom nema vlastiti obrub — pripada retku iznad. */
.qms-sys-confirmrow td { border-bottom: none; }

/* ---- potvrda opasne radnje ----
   Traži se UPISAN naziv firme, ne „Jesi li siguran?" (plan 043, D3): dijalog
   s Da/Ne ljudi kliknu ne čitajući, a prepisivanje naziva tjera da pogledaju
   koja je firma odabrana. *
*/
.qms-sys-confirm {
    display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap;
    margin: 0 20px 12px;
    padding: 13px 15px;
    border-radius: 9px;
    border: 1px solid var(--line-strong);
    background: var(--surface-2);
}
.qms-sys-confirm.is-warn   { border-color: var(--warn); background: var(--warn-soft); }
.qms-sys-confirm.is-danger { border-color: var(--bad);  background: var(--bad-soft); }

.qms-sys-confirm-text { flex: 1 1 320px; font-size: 12.5px; line-height: 1.55; color: var(--ink-2); }
.qms-sys-confirm-text strong { color: var(--ink-strong); }

.qms-sys-confirm-input { display: flex; flex-direction: column; gap: 4px; flex: 0 0 240px; }
.qms-sys-confirm-input label { font-size: 11px; color: var(--ink-3); }

/* ---- Šifrarnik kupaca (plan 045, D9) ---- */
.qms-custgrid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px 16px; padding: 14px 15px;
}
.qms-custgrid label {
    display: flex; flex-direction: column; gap: 5px;
    font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em;
    color: var(--ink-3); font-weight: 600;
}
.qms-custgrid label.span2 { grid-column: span 2; }

/* ---- Postavke tvrtke (plan 041, I.5) ---- */
.qms-company-pick { max-width: 220px; }
.qms-company-num { max-width: 110px; text-align: right; }