.agmg-test { max-width: 900px; margin: 0 auto; }
.agmg-test-header { margin-bottom: 18px; }
.agmg-test-title { margin: 0 0 8px; }
.agmg-test-desc { opacity: .95; }

.agmg-timer { margin-top: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.7); display:inline-block; }
.agmg-timer-val { font-variant-numeric: tabular-nums; }

.agmg-questions { padding-left: 1.2em; }
.agmg-question { padding: 14px 14px 12px; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; margin: 0 0 14px; background: rgba(255,255,255,.7); }
.agmg-q-title { margin: 0 0 6px; font-size: 1.05em; }
.agmg-q-body p { margin: 0 0 8px; }
.agmg-question-text svg,
.agmg-inline-svg svg { max-width: 100%; height: auto; display: block; }

.agmg-field { margin-top: 10px; }
.agmg-label { display:block; font-weight: 600; margin-bottom: 6px; }
.agmg-hint { font-size: .9em; opacity: .75; margin-top: 6px; }

.agmg-actions { margin-top: 10px; display:flex; gap: 10px; align-items:center; }
.agmg-status { font-size: .9em; opacity: .7; }

.agmg-result { margin-top: 10px; }
.agmg-msg { padding: 10px 12px; border-radius: 8px; }
.agmg-msg-ok  { border: 1px solid rgba(0,128,0,.25); background: rgba(0,128,0,.08); }
.agmg-msg-bad { border: 1px solid rgba(180,0,0,.25); background: rgba(180,0,0,.08); }
.agmg-msg-warn{ border: 1px solid rgba(160,120,0,.25); background: rgba(160,120,0,.08); }
.agmg-msg-err { border: 1px solid rgba(0,0,0,.15); background: rgba(0,0,0,.05); }

.agmg-test-submit-wrap { margin: 18px 0 10px; display:flex; gap: 12px; align-items:center; }
.agmg-submit-status { opacity: .75; }
.agmg-test-summary { margin: 10px 0 18px; }

.agmg-tests-error { padding: 12px 14px; border-radius: 10px; border:1px solid rgba(0,0,0,.12); background: rgba(0,0,0,.04); }

.agmg-options { display: grid; gap: 6px; }
.agmg-option { display:flex; gap: 8px; align-items:flex-start; }
.agmg-option input { margin-top: 3px; }
.agmg-opt-text { display:inline-block; }
.agmg-self-eval { display:grid; gap: 6px; margin-top: 6px; }
.agmg-self-eval .agmg-option { align-items: center; }

.agmg-mini-editor { border: 1px solid rgba(0,0,0,.12); border-radius: 10px; background: #fff; overflow: hidden; }
.agmg-toolbar { display:flex; gap: 6px; padding: 8px; border-bottom: 1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02); }
.agmg-btn { border: 1px solid rgba(0,0,0,.15); background: #fff; padding: 4px 10px; border-radius: 8px; cursor: pointer; font-size: 14px; line-height: 1.2; }
.agmg-btn:hover { background: rgba(0,0,0,.03); }
.agmg-editor { padding: 10px 12px; min-height: 90px; outline: none; white-space: pre-wrap; }
.agmg-editor:empty:before { content: 'Piš sem…'; opacity: .5; }

.agmg-slot:empty:before { content: "…"; opacity: .35; }

.agmg-exp { display:inline-flex; align-items:flex-start; vertical-align: baseline; margin: 0 2px; }
.agmg-exp-base { display:inline-block; min-width: .6em; }
.agmg-exp-sup { display:inline-block; min-width: .5em; font-size: .75em; line-height: 1; transform: translateY(-0.25em); }

.agmg-expl { margin-top: 12px; padding: 12px; border-radius: 10px; border:1px solid rgba(0,0,0,.10); background: rgba(255,255,255,.75); }
.agmg-expl-head { margin-bottom: 8px; }

.agmg-frac { display:inline-flex; flex-direction: column; align-items:center; vertical-align: middle; line-height: 1; margin: 0 2px; }
.agmg-frac-num, .agmg-frac-den { font-size: .95em; padding: 0 2px; min-width: .8em; text-align: center; }
.agmg-frac-bar { width: 100%; border-top: 1px solid currentColor; margin: 1px 0; }

.agmg-sqrt { display:inline-flex; align-items:flex-start; vertical-align: middle; line-height: 1; margin: 0 2px; }
.agmg-sqrt:before { content: "√"; margin-right: 2px; }
.agmg-sqrt-rad { border-top: 1px solid currentColor; padding: 1px 2px 0 2px; display:inline-block; min-width: .9em; }
.agmg-root-idx { font-size: .65em; margin-right: 2px; transform: translateY(-2px); min-width: .5em; display:inline-block; }

.agmg-feedback { max-width: 900px; margin: 0 auto; }
.agmg-feedback-list { display:grid; gap: 12px; }
.agmg-feedback-item { border:1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 14px; background: rgba(255,255,255,.7); }
.agmg-feedback-head { display:flex; justify-content:space-between; gap: 12px; align-items:baseline; }
.agmg-feedback-date { opacity:.7; font-size:.95em; }
.agmg-feedback-meta { display:flex; gap: 10px; align-items:center; flex-wrap: wrap; margin-top: 8px; }
.agmg-pill { display:inline-block; padding: 4px 10px; border-radius: 999px; font-size:.9em; border:1px solid rgba(0,0,0,.12); background: rgba(0,0,0,.03); }
.agmg-pill.ok { border-color: rgba(0,128,0,.25); background: rgba(0,128,0,.08); }
.agmg-pill.bad { border-color: rgba(180,0,0,.25); background: rgba(180,0,0,.08); }
.agmg-rich-out { background: rgba(0,0,0,.03); padding: 10px 12px; border-radius: 10px; border:1px solid rgba(0,0,0,.06); margin-top: 6px; white-space: pre-wrap; }
.agmg-feedback-postup,.agmg-feedback-text{margin:10px 0}

/* --- KaTeX drobné doladění --- */
.agmg-math .katex { font-size: 2em; }
.agmg-math .katex-display { margin: .35em 0; }

/* Placeholder (oprav si rozbité kódování, ať není PiÅ¡ sem…) */
.agmg-editor:empty:before { content: 'Piš sem…'; opacity: .5; }

/* Slot placeholder (oprav si rozbité "…") */
.agmg-slot:empty:before { content: "…"; opacity: .35; }

/* (Volitelně) aby se zlomek/odmocnina z mini-editoru vypadaly dobře i ve výstupu */
.agmg-rich-out .agmg-frac,
.agmg-rich-out .agmg-sqrt,
.agmg-q-body .agmg-frac,
.agmg-q-body .agmg-sqrt { vertical-align: middle; }

.agmg-q-meta{
    margin: 6px 0 10px;
    font-size: 14px;
    opacity: .9;
  }
  .agmg-q-pe{
    font-weight: 600;
  }
  
.agmg-flag-btn{padding:10px}
.agmg-flag-btn[data-flag="wrong"]{background:#e53}

.agmg-stats-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.agmg-stat {
  display: block;
}