/* Scoped styling: jen uvnitř .explorium-app */
.explorium-app .explorium-card { max-width: 900px; padding: 16px; border: 1px solid #ddd; border-radius: 12px; }
.explorium-app .explorium-muted { color: #666; font-size: 14px; }
.explorium-app .explorium-grid { display: grid; grid-template-columns: 1fr 1fr 120px; gap: 12px; margin: 12px 0; }
.explorium-app .explorium-actions { display: flex; gap: 10px; align-items: center; margin-top: 12px; }
.explorium-app .explorium-actions input[type="text"] { flex: 1; }
.explorium-app .explorium-chat { border: 1px solid #eee; border-radius: 10px; padding: 12px; height: 360px; overflow: auto; background: #fafafa; }
.explorium-app .explorium-msg { padding: 8px 10px; border-radius: 10px; margin: 8px 0; max-width: 90%; white-space: pre-wrap; }
.explorium-app .explorium-ai { background: #fff; border: 1px solid #eee; }
.explorium-app .explorium-user { background: #e9f2ff; margin-left: auto; }

.explorium-app label { display:block; margin-top: 10px; font-size: 13px; color:#333; }
.explorium-app input,
.explorium-app textarea,
.explorium-app select { width: 100%; padding: 8px; border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box; }

.explorium-app button { padding: 10px 14px; border-radius: 10px; border: 1px solid #333; background: #111; color: white; cursor: pointer; }
.explorium-app button.button,
.explorium-app a.button { background: transparent; color: inherit; border-color: #bbb; }

/* Mentor dial */
.explorium-app .ex-mentor-dial { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.explorium-app .ex-mentor-chip { background:#fff; color:#111; border:1px solid #ddd; }
.explorium-app .ex-mentor-chip.is-active { border-color:#111; background:#111; color:#fff; }

.explorium-app .ex-teacher-tabs { display:flex; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.explorium-app .ex-tab { padding:8px 12px; border-radius:14px; border:1px solid #ddd; background:#fff; color:#111; cursor:pointer; }
.explorium-app .ex-tab.is-active { border-color:#999; font-weight:600; }
.explorium-app .ex-mission-row { border:1px solid #eee; border-radius:12px; padding:12px; margin:10px 0; }
.explorium-app .ex-mission-detail { margin-top:10px; padding-top:10px; border-top:1px dashed #eee; }


/* ===== Sent missions: 1 mise = 1 řádek ===== */

#ex-sent-list .ex-mission-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;

  padding: 10px 12px;
  margin: 8px 0;
  border: 1px solid #eee;
  border-radius: 12px;
}

#ex-sent-list .ex-mission-main {
  min-width: 0; /* umožní zkracování textu */
}

#ex-sent-list .ex-mission-title {
  margin: 0;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#ex-sent-list .ex-mission-meta {
  margin-top: 2px;
  line-height: 1.2;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* tlačítko "Detail" doprava a kompaktně */
#ex-sent-list .ex-mission-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

#ex-sent-list .ex-btn.ex-btn-small,
#ex-sent-list .ex-sent-detail-btn {
  padding: 6px 10px;
  border-radius: 10px;
}

/* rozbalený detail jde pod celý řádek */
#ex-sent-list .ex-mission-detail {
  grid-column: 1 / -1;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #eee;
}