/* Moduly: knihovna Rozsireni a pripnute moduly v hlavni nabidce (assets/modules.js, 22. 10. 2026) */
.mod-lib .co-card { max-width: 640px; width: calc(100vw - 32px); max-height: calc(100vh - 48px); overflow: auto; }
.mod-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mod-head h3 { margin: 0; font-size: 20px; }
.mod-acts .co-btn, .mod-x { padding: 7px 12px; font-size: 13px; }
.mod-intro { margin: 8px 0 14px; color: var(--muted, #6e7a79); font-size: 14px; line-height: 1.45; }
.mod-list { display: flex; flex-direction: column; gap: 8px; }
.mod-row { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line, rgba(127, 127, 127, .25)); border-radius: 12px; }
.mod-row.off { opacity: .65; }
.mod-ico { flex: 0 0 auto; display: inline-flex; color: var(--accent, #2c7f7c); }
.mod-main { flex: 1 1 auto; min-width: 0; }
.mod-main small { display: block; color: var(--muted, #6e7a79); margin-top: 2px; line-height: 1.4; }
.mod-state { font-size: 12px; color: var(--muted, #6e7a79); margin-left: 6px; }
.mod-acts { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; flex: 0 0 auto; }
@media (max-width: 560px) {
  .mod-row { flex-wrap: wrap; }
  .mod-acts { width: 100%; justify-content: flex-start; }
}