.source-paths{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.source-path{appearance:none;min-height:180px;padding:22px;border:1px solid var(--line-strong);border-radius:20px;color:var(--ink);background:#fafcf9;cursor:pointer;text-align:left;transition:.2s}.source-path:hover{transform:translateY(-2px);border-color:#8eaa8e;box-shadow:0 14px 32px rgba(23,77,53,.08)}.source-path.selected{border:2px solid var(--forest);background:linear-gradient(145deg,#f6fbf2,#e9f5e5);box-shadow:0 0 0 4px rgba(79,145,96,.1)}.source-path>span,.interview-label{color:var(--green);font-size:7px;font-weight:850;letter-spacing:.13em}.source-path>strong{display:block;margin-top:16px;font-size:18px;letter-spacing:-.03em}.source-path>p{margin:8px 0 18px;color:var(--muted);font-size:10px;line-height:1.55}.source-path>b{color:var(--green);font-size:9px}.interview-panel{margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}.interview-panel h4{margin:8px 0 0;font-size:clamp(28px,3vw,40px);letter-spacing:-.05em}.interview-panel h4+p,.interview-draft>p{max-width:760px;color:var(--muted);font-size:12px;line-height:1.65}.interview-mode-note{margin-top:18px;padding:14px;display:grid;grid-template-columns:32px 1fr;gap:12px;border:1px solid #d8e5d3;border-radius:14px;background:#f5f9f2}.interview-mode-note>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--forest);background:var(--lime);font-size:18px}.interview-mode-note p{margin:0;color:#536c5e;font-size:9px;line-height:1.55}.interview-mode-note strong{display:block;color:var(--forest)}.interview-progress-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:13px;align-items:center}.interview-progress-row>span{color:var(--forest);font-size:9px;font-weight:800}.interview-progress-row>button{border:0;color:var(--green);background:transparent;cursor:pointer;font-size:9px;font-weight:750}.interview-progress-track{height:6px;overflow:hidden;border-radius:99px;background:#e3ebe0}.interview-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--lime));transition:width .25s}.interview-turn{margin-top:24px;padding:21px;display:grid;grid-template-columns:42px 1fr;gap:14px;border:1px solid #d9e5d6;border-radius:18px;background:linear-gradient(145deg,#f7fbf5,#edf6e9)}.interviewer-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--lime);background:var(--forest);font-family:var(--serif);font-style:italic}.interview-turn span{color:var(--green);font-size:7px;font-weight:850;letter-spacing:.12em}.interview-turn p{margin:7px 0 0;color:var(--forest-dark);font-size:15px;line-height:1.55}.interview-answer{margin-top:18px}.interview-answer-summary{min-height:16px;margin:8px 2px 0;color:#71857a;font-size:8px}.interview-loading{min-height:320px;display:flex;align-items:center;justify-content:center;gap:17px}.interview-loading strong{display:block}.interview-loading p{margin:5px 0 0;color:var(--muted);font-size:10px}.interview-draft-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.interview-draft-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fafcf9}.interview-draft-card>span{color:var(--green);font-size:7px;font-weight:850;letter-spacing:.11em}.interview-draft-card>p{margin:9px 0 0;color:#526b5d;font-size:10px;line-height:1.55;white-space:pre-wrap}.interview-warning-list{margin-top:15px;display:grid;gap:7px}.interview-warning-list:empty{display:none}.interview-warning{padding:11px 13px;border-radius:11px;color:#76591f;background:#fff6d9;font-size:9px;line-height:1.45}.assistant-script-editor>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.assistant-script-editor>summary::-webkit-details-marker{display:none}.assistant-script-editor>summary strong,.assistant-script-editor>summary small{display:block}.assistant-script-editor>summary small{margin-top:4px;color:var(--muted);font-size:8px}.assistant-script-editor>summary>b{color:var(--green);font-size:8px}.assistant-script-editor>.field-grid{margin-top:18px}.interview-conversation .panel-actions>div,.interview-draft .panel-actions>div{display:flex;align-items:center;gap:10px}
@media(max-width:720px){.source-paths,.interview-draft-grid{grid-template-columns:1fr}.source-path{min-height:0}.interview-progress-row{grid-template-columns:1fr auto}.interview-progress-track{grid-column:1/-1;grid-row:2}.interview-turn{grid-template-columns:36px 1fr;padding:16px}.interviewer-avatar{width:36px;height:36px}.interview-conversation .panel-actions>div,.interview-draft .panel-actions>div{display:grid;width:100%}.interview-conversation .panel-actions>div .button,.interview-draft .panel-actions>div .button{width:100%}}

/* Läsbar kärntext utan att ändra komponenternas visuella hierarki. */
.source-path>p,
.interview-mode-note p,
.interview-loading p,
.interview-draft-card>p,
.interview-warning {
  font-size: 12px;
}

.source-path>b,
.interview-progress-row>span,
.interview-progress-row>button,
.interview-answer-summary,
.assistant-script-editor>summary small {
  font-size: 11px;
}

.interview-industry {
  max-width: 520px;
  margin-top: 20px;
}

.interview-industry small {
  color: var(--muted);
  font-size: 12px;
}

.source-path>span,
.interview-label,
.interview-turn span,
.interview-draft-card>span {
  font-size: 11px;
}

.interview-channel-choices {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.interview-channel-choice {
  min-height: 96px;
  padding: 15px 16px;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 15px;
  color: var(--ink);
  background: #fafcf9;
  cursor: pointer;
  text-align: left;
}

.interview-channel-choice:hover {
  border-color: #8eaa8e;
}

.interview-channel-choice.selected {
  border: 2px solid var(--forest);
  background: linear-gradient(145deg, #f6fbf2, #e9f5e5);
  box-shadow: 0 0 0 3px rgba(79, 145, 96, .09);
}

.interview-channel-choice:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.interview-channel-choice > span {
  color: var(--green);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .12em;
}

.interview-channel-choice > strong {
  font-size: 14px;
}

.interview-channel-choice > small {
  color: var(--muted);
  font-size: 11px;
}

.voice-interview-stage {
  min-height: 390px;
  padding: 38px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.voice-interview-stage[hidden] {
  display: none;
}

.voice-interview-stage h4 {
  margin-top: 12px;
}

.voice-interview-stage > p {
  max-width: 600px;
}

.voice-interview-stage > small {
  max-width: 620px;
  margin-top: 17px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
}

.voice-interview-orb {
  width: 76px;
  height: 76px;
  margin-bottom: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--lime);
  background: radial-gradient(circle at 35% 30%, #4f9160, var(--forest));
  box-shadow: 0 0 0 10px rgba(79, 145, 96, .08), 0 18px 40px rgba(23, 77, 53, .18);
}

.voice-interview-orb > span {
  font-family: var(--serif);
  font-size: 30px;
  font-style: italic;
}

.voice-interview-status {
  min-height: 44px;
  margin: 18px 0;
  padding: 12px 16px;
  border-radius: 12px;
  color: var(--forest-dark);
  background: var(--mint);
  font-size: 12px;
  line-height: 1.55;
}

.voice-interview-audio-host audio {
  display: none;
}

.assistant-behavior-preview {
  padding: 20px;
  border: 1px solid #d3e2cf;
  border-radius: 17px;
  background: linear-gradient(145deg, #f8fbf6, #edf6e9);
}

#assistant-behavior-preview-copy {
  margin-top: 14px;
  display: grid;
  gap: 8px;
}

#assistant-behavior-preview-copy p {
  margin: 0;
  color: #50695b;
  font-size: 11px;
  line-height: 1.6;
}

#assistant-behavior-preview-copy strong {
  color: var(--forest-dark);
}

.locked-assistant-rules {
  margin: 16px 0 0;
  padding: 14px 16px 14px 31px;
  display: grid;
  gap: 7px;
  border-radius: 13px;
  color: #526b5d;
  background: rgba(255, 255, 255, .76);
  font-size: 9px;
  line-height: 1.45;
}

@media (max-width: 720px) {
  .interview-channel-choices {
    grid-template-columns: 1fr;
  }

  .voice-interview-stage {
    min-height: 360px;
    padding-inline: 8px;
  }
}