/* Čisté CSS namiesto inline štýlov (Lego Architektúra) */
.mrg-hub-header { background: rgba(45, 212, 191, 0.05); border-color: rgba(45, 212, 191, 0.2); }
.mrg-hub-header-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.mrg-hub-badges { display: flex; gap: 10px; align-items: center; }
.mrg-badge { padding: 6px 14px; border-radius: 12px; font-weight: 600; font-size: 0.85rem; }
.mrg-badge-cyan { background: rgba(45, 212, 191, 0.15); border: 1px solid #2dd4bf; color: #2dd4bf; }
.mrg-badge-purple { background: rgba(139, 92, 246, 0.15); border: 1px solid #8b5cf6; color: #a78bfa; }
.mrg-text-cyan, .text-cyan { color: var(--neon-cyan, #2dd4bf); }
.mrg-text-purple, .text-purple { color: var(--neon-purple, #8b5cf6); }
.mrg-text-orange, .text-orange { color: var(--neon-orange, #f59e0b); }
.mrg-text-muted, .text-muted { color: rgba(255,255,255,0.6); }
.mrg-font-bold, .font-bold { font-weight: 600; }
.mrg-m-0 { margin: 0; }
.mrg-mb-5 { margin-bottom: 5px; }
.mrg-mb-10 { margin-bottom: 10px; }
.mrg-mb-12 { margin-bottom: 12px; }
.mrg-mb-15 { margin-bottom: 15px; }
.mrg-mb-20 { margin-bottom: 20px; }
.mrg-mt-15 { margin-top: 15px; }
.mrg-pt-15 { padding-top: 15px; }
.mrg-text-sm { font-size: 0.85rem; }
.mrg-flex-between { display: flex; justify-content: space-between; align-items: center; }
.mrg-flex-1 { flex: 1; }
.mrg-flex-2 { flex: 2; }
.mrg-form-row { display: flex; gap: 10px; }
.mrg-input, .mrg-textarea { width: 100%; padding: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); color: #fff; border-radius: 10px; box-sizing: border-box; }
.mrg-textarea { resize: vertical; }
.mrg-select { padding: 12px; background: #1a1a2e; border: 1px solid rgba(255,255,255,0.15); color: #2dd4bf; border-radius: 10px; font-weight: 600; }
.mrg-btn { padding: 10px 20px; border-radius: 10px; font-weight: 600; cursor: pointer; transition: 0.2s; border: none; text-decoration: none; display: inline-block; text-align: center; }
.mrg-btn-outline-cyan { background: transparent; border: 1px solid #2dd4bf; color: #2dd4bf; }
.mrg-btn-outline-danger { background: transparent; border: 1px solid #ef4444; color: #ef4444; }
.mrg-btn-orange { background: rgba(245, 158, 11, 0.2); border: 1px solid #f59e0b; color: #f59e0b; }
.mrg-btn-sync { background:none; border:1px solid rgba(45,212,191,0.4); color:#2dd4bf; border-radius:6px; padding:4px 10px; cursor:pointer; font-size:1rem; transition:opacity 0.2s; flex-shrink:0; display:inline-flex; align-items:center; }
.mrg-alert { padding: 10px; border-radius: 8px; font-size: 0.85rem; font-weight: 600; }
.mrg-alert-danger { background: rgba(239, 68, 68, 0.15); border: 1px solid #ef4444; color: #fca5a5; }
.mrg-alert-info { background: rgba(56, 189, 248, 0.15); border: 1px solid #38bdf8; color: #7dd3fc; }
.mrg-border-top { border-top: 1px solid rgba(255,255,255,0.05); }
.mrg-scenarios-title, .mrg-history-title { margin: 0 0 10px 0; font-size: 0.95rem; color: rgba(255,255,255,0.8); }
.mrg-scenarios-list, .mrg-projects-list { display: flex; flex-direction: column; gap: 8px; max-height: 300px; overflow-y: auto; }
.mrg-bugs-list { display: flex; flex-direction: column; gap: 8px; max-height: 180px; overflow-y: auto; }
.mrg-loading-text { color: rgba(255,255,255,0.4); font-size: 0.85rem; font-style: italic; }
.mrg-grid-2 { display: grid; grid-template-columns: 1fr 1fr; }
.mrg-gap-20, .gap-20 { gap: 20px; }
.mrg-relative { position: relative; }
.mrg-editor-locked-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(2px); border-radius: 10px; display: flex; justify-content: center; align-items: center; border: 1px dashed rgba(255,255,255,0.2); }
.mrg-editor-locked-overlay span { background: #0f172a; padding: 8px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.3); }

@keyframes mrg-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.mrg-spin-anim { animation: mrg-spin 1s linear infinite; }

/* Grid Utility Classes (Lego Architecture) */
.span-2 { grid-column: span 2; }
.span-full { grid-column: 1 / -1; }