/* ============================================================================
 * /zkteco-logs — PBI #7136
 *
 * Port BLOKA B iz odobrenog dizajna
 * (projects/PBI-7136-zkteco-events-companyid-and-screen/design/ZkTecoLogs.html).
 *
 * BLOK A (.acl-*) se NE kopira ovdje — ekran linkuje postojeci
 * wwwroot/css/redesign-accesscontrollogs.css i koristi te klase neizmijenjene.
 * Treca kopija istih pravila je greska koju smo vec jednom platili (.er-rowms*).
 *
 * --is-* tokeni su globalni (insync-tokens.css + colors_and_type.css) — :root se
 * ovdje NE redefinise.
 * ==========================================================================*/

/* B1 · Info dugme — otvara InformationPopup */
.zkl-info{width:16px;height:16px;border:0;background:transparent;color:var(--is-fg-4);cursor:pointer;padding:0;font-size:12px;line-height:1;flex-shrink:0}
.zkl-info:hover{color:var(--is-action-blue)}

/* B2 · Akcije koje .acl-actchip nema (Ulaz / Izlaz / nepoznat Status).
   ADITIVNI modifikatori — redesign-accesscontrollogs.css se ne mijenja. */
.acl-actchip.is-in{background:var(--is-success-bg);color:var(--is-success)}
.acl-actchip.is-out{background:var(--is-bg-surface-3);color:var(--is-fg-2)}
.acl-actchip.is-unknown{background:#fff;color:var(--is-fg-3);border:1px dashed var(--is-border-2);font-family:var(--is-font-mono);font-weight:500}

/* B3 · Nacin verifikacije (Verify → Appendix 7 ZKTeco PUSH SDK v5.8) */
.zkl-verify{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:600 11px var(--is-font-sans);white-space:nowrap;max-width:100%;overflow:hidden}
.zkl-verify i{font-size:10px;flex-shrink:0}
.zkl-verify span{overflow:hidden;text-overflow:ellipsis}
.zkl-verify.is-face{background:var(--is-brand-blue-100);color:var(--is-brand-blue-700)}
.zkl-verify.is-finger{background:rgba(58,6,71,.08);color:var(--is-brand-purple)}
.zkl-verify.is-card{background:rgba(8,145,178,.10);color:#0e7490}
.zkl-verify.is-password{background:var(--is-bg-surface-3);color:var(--is-fg-2)}
.zkl-verify.is-combo{background:rgba(206,134,0,.12);color:var(--is-warning)}
/* nepoznat ili NULL kod — nikad prazna celija, nikad greska */
.zkl-verify.is-unknown{background:#fff;color:var(--is-fg-3);border:1px dashed var(--is-border-2);font-style:italic;font-weight:500}

/* B4 · PIN celija */
.zkl-pin{display:inline-flex;align-items:center;gap:6px;font:600 12.5px var(--is-font-mono);color:var(--is-fg-1);font-variant-numeric:tabular-nums}
.zkl-pin i{font-size:10px;color:var(--is-fg-4)}
.zkl-pin.is-unresolved{color:var(--is-warning)}

/* B5 · Kasnjenje isporuke — PRIKAZ, ne perzistirana klasifikacija */
.zkl-lag{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border-radius:999px;font:600 10px var(--is-font-mono);flex-shrink:0}
.zkl-lag.is-live{background:rgba(45,140,82,.10);color:var(--is-success)}
.zkl-lag.is-late{background:rgba(206,134,0,.14);color:var(--is-warning)}
.acl-table.is-dense .zkl-lag{display:none}

/* B6 · Oznaka "uklonjen sa uredjaja" — join na DeviceUser NE filtrira Deleted */
.zkl-tag-removed{display:inline-flex;align-items:center;gap:4px;height:16px;padding:0 6px;border-radius:999px;background:var(--is-bg-surface-3);border:1px solid var(--is-border-1);font:600 9.5px var(--is-font-sans);color:var(--is-fg-3);text-transform:uppercase;letter-spacing:.04em}

/* B7 · Sirovi red u drawer-u */
.zkl-raw{font:500 11.5px/1.6 var(--is-font-mono);color:var(--is-fg-2);background:var(--is-bg-surface-3);border:1px solid var(--is-border-1);border-radius:var(--is-radius-sm);padding:10px 12px;word-break:break-all;white-space:pre-wrap}

/* B8 · Read-only / info traka u drawer-u */
.zkl-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:var(--is-radius-sm);background:var(--is-info-bg);border:1px solid var(--is-brand-blue-200);font:500 12px/1.5 var(--is-font-sans);color:var(--is-brand-blue-700)}
.zkl-note i{font-size:12px;margin-top:2px;flex-shrink:0}
.zkl-note.is-warn{background:var(--is-warning-bg);border-color:rgba(206,134,0,.35);color:#8a5c00}

/* B9 · Legenda verifikacije u popup-u */
.zkl-legend{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin-top:4px}
.zkl-legend__code{font:600 11px var(--is-font-mono);color:var(--is-fg-3);text-align:right}
.zkl-legend__row{display:flex;align-items:center;gap:8px;font:500 12.5px var(--is-font-sans);color:var(--is-fg-1)}
.zkl-legend__hint{color:var(--is-fg-3);font-size:12px}

/* B10 (modal shell) se NE implementira — popup-i idu kroz postojecu InformationPopup komponentu.
   B11 (.ab-label / .ab-note) je chrome artboarda i ne postoji u aplikaciji. */