/* Ekonomika a obchod: barva skupiny, sdílené prvky. Jen logické vlastnosti kvůli RTL. */
body[data-grp=eco]{--grp:#ffc14d}
.eco-note{border:1px dashed var(--grp,#ffc14d);border-radius:10px;padding:8px 10px;background:rgba(255,193,77,.07);font-size:12.5px;line-height:1.45}
.eco-try{display:grid;gap:3px;font-size:12.5px;line-height:1.4}
.eco-try b{color:var(--grp,#ffc14d)}
.eco-tbl{inline-size:100%;border-collapse:collapse;font-size:12px;margin-block:4px}
.eco-tbl th,.eco-tbl td{border-block-end:1px solid rgba(110,160,230,.2);padding-block:3px;padding-inline:5px;text-align:start}
.eco-tbl td.num{text-align:end;font-variant-numeric:tabular-nums;direction:ltr}
.eco-tbl .pl{color:#2ff5c2}.eco-tbl .mi{color:#ff5470}
.eco-modal-card{max-inline-size:min(520px,94vw);max-block-size:88vh;overflow:auto;background:rgba(6,12,24,.98);border:1px solid var(--grp,#ffc14d);border-radius:14px;padding:0 14px 14px}
.eco-modal-hd{position:sticky;inset-block-start:0;display:flex;align-items:center;gap:8px;padding-block:10px;background:rgba(6,12,24,.98);font-weight:700}
.eco-modal-hd .ex-x{margin-inline-start:auto}
.eco-modal-body{display:grid;gap:8px;font-size:13px;line-height:1.5}
.eco-fin{position:absolute;inset:0;display:grid;place-items:center;padding:8px}
.eco-fin canvas{max-inline-size:100%;max-block-size:100%;inline-size:min(100%,calc((100vh - 120px)*4/3));image-rendering:pixelated;border:2px solid var(--grp,#ffc14d);border-radius:8px;background:#000;outline:none}
.eco-chip{display:inline-block;border:1px solid currentColor;border-radius:8px;padding-inline:6px;font-size:11px;margin-inline-end:4px}
.eco-chip.ok{color:#2ff5c2}.eco-chip.warn{color:#ffc14d}.eco-chip.bad{color:#ff5470}