/* ============================================================================
   AI Interview Simulator — appended styles
   (Self-contained; class names are prefixed with .irh- to avoid collisions.)
   ============================================================================ */

.irh-sim h1 { margin-top: 0; }

.irh-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 16px 0;
}
@media (max-width: 900px) { .irh-grid { grid-template-columns: 1fr; } }

.irh-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 14px 16px;
}
.irh-card h3 { margin: 0 0 10px; font-size: 14px; letter-spacing: 0.02em; text-transform: uppercase; opacity: 0.85; }
.irh-card label { display: block; margin: 8px 0; font-size: 13px; }
.irh-card label > span { display: block; }
.irh-card input[type="text"],
.irh-card input[type="url"],
.irh-card input[type="file"],
.irh-card select,
.irh-card textarea {
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  color: inherit;
  font: inherit;
  margin-top: 4px;
}

.irh-source-tabs { display: flex; gap: 6px; margin-bottom: 10px; }
.irh-tab {
  background: transparent; color: inherit;
  border: 1px solid rgba(255,255,255,0.12);
  padding: 6px 10px; border-radius: 8px; cursor: pointer;
  font-size: 12px;
}
.irh-tab.active { background: rgba(99,102,241,0.18); border-color: rgba(99,102,241,0.6); }
.irh-pane { display: flex; flex-direction: column; gap: 8px; }
.irh-status { margin-top: 10px; min-height: 18px; }

.irh-actions { display: flex; gap: 10px; margin: 14px 0 18px; }

.irh-room { margin-top: 18px; padding-top: 14px; border-top: 1px dashed rgba(255,255,255,0.12); }
.irh-brief { background: rgba(255,255,255,0.03); padding: 12px 16px; border-radius: 10px; }

.irh-transcript { display: flex; flex-direction: column; gap: 10px; margin: 12px 0; }
.irh-turn {
  border-radius: 10px;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,0.08);
}
.irh-interviewer { background: rgba(99,102,241,0.10); border-color: rgba(99,102,241,0.30); }
.irh-candidate   { background: rgba(34,197,94,0.08);  border-color: rgba(34,197,94,0.25); }
.irh-who { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; opacity: 0.7; margin-bottom: 4px; }
.irh-eval { padding: 6px 12px; opacity: 0.8; }

.irh-answer-form textarea {
  width: 100%; padding: 10px; border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25); color: inherit; font: inherit;
}
.irh-answer-form .row { display: flex; gap: 8px; margin-top: 8px; }

.irh-report { margin-top: 18px; padding-top: 14px; border-top: 1px dashed rgba(255,255,255,0.12); }
.irh-score { display: flex; align-items: baseline; gap: 16px; margin: 8px 0 12px; }
.irh-score-big { font-size: 42px; font-weight: 700; }
.irh-score-table { border-collapse: collapse; margin: 8px 0 12px; }
.irh-score-table td { padding: 4px 12px 4px 0; }
.irh-strengths, .irh-weaknesses { margin: 8px 0; }