/* srdjan 2026-10-19 - izgled 1:1 s livea: modules/mod_tzdocuments/tmpl/default.php (<style>) */
.mod-tzdocuments { width: 100%; margin: 0; }
.tzdoc-search { position: relative; margin-bottom: 1.25rem; }
.tzdoc-search-input { width: 100%; padding: 12px 18px 12px 44px; border: 1px solid #d1d5db; border-radius: 10px; font-size: 1rem; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; }
.tzdoc-search-input:focus { outline: none; border-color: #c41e3a; box-shadow: 0 0 0 3px rgba(196,30,58,0.12); }
.tzdoc-search-icon { position: absolute; top: 50%; left: 14px; transform: translateY(-50%); color: #6b7280; pointer-events: none; }

.tzdoc-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 1.25rem; padding: 0; }
.tzdoc-tab { background: #f3f4f6; border: 1px solid #e5e7eb; padding: 10px 20px; font-size: 0.92rem; font-weight: 600; color: #374151; cursor: pointer; border-radius: 999px; transition: all 0.15s; line-height: 1.3; }
.tzdoc-tab:hover { background: #fbe3e7; border-color: #f3c1c9; color: #c41e3a; }
.tzdoc-tab.active { background: #c41e3a; border-color: #c41e3a; color: #fff; box-shadow: 0 2px 8px rgba(196,30,58,0.25); }

.tzdoc-panels { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; min-height: 120px; }
.tzdoc-panel { display: none; }
.tzdoc-panel.active { display: block; }
.tzdoc-panel[hidden] { display: none !important; }

.tzdoc-list { list-style: none; padding: 0; margin: 0; }
.tzdoc-item { border-bottom: 1px solid #f3f4f6; }
.tzdoc-item:last-child { border-bottom: none; }
.tzdoc-link { display: flex; align-items: center; gap: 14px; padding: 14px 20px; color: #1f2937; text-decoration: none; transition: background 0.15s; }
.tzdoc-link:hover { background: #f3f4f6; color: #c41e3a; }

.tzdoc-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 28px; padding: 0 6px; border-radius: 4px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.5px; color: #fff; flex-shrink: 0; }
.tzdoc-icon-pdf  { background: #dc2626; }
.tzdoc-icon-doc, .tzdoc-icon-docx { background: #1d4ed8; }
.tzdoc-icon-xls, .tzdoc-icon-xlsx { background: #059669; }
.tzdoc-icon-url { background: #6b7280; }

.tzdoc-title { flex: 1; font-size: 0.95rem; line-height: 1.4; word-break: break-word; }
.tzdoc-size { color: #6b7280; font-size: 0.8rem; white-space: nowrap; }

.tzdoc-empty, .tzdoc-no-results, .tzdoc-empty-cat { text-align: center; padding: 30px 16px; color: #6b7280; font-style: italic; }
.tzdoc-empty-cat { list-style: none; }

@media (max-width: 720px) {
    .tzdoc-tabs { gap: 6px; }
    .tzdoc-tab { padding: 8px 14px; font-size: 0.85rem; }
    .tzdoc-link { padding: 12px 16px; gap: 10px; }
    .tzdoc-icon { min-width: 38px; height: 24px; font-size: 0.65rem; }
    .tzdoc-title { font-size: 0.9rem; }
}
/* srdjan 2026-10-19 - naslov modula (na liveu Helixov .sp-module-title) */
.tzdoc-naslov { margin: 2rem 0 1rem; font-size: 1.5rem; font-weight: 700; }