/* Generated from scoped workspaceChatInteraction tokens; shared type roles stay intact. */
.ps-app.ps-workspace-mode { --ws-recovery-solid: #245ec5; }
body.dark .ps-app.ps-workspace-mode { --ws-recovery-solid: #3078c4; }
.ps-app.ps-workspace-mode .ws-recovery {
  width: min(100%, 600px);
  margin: 8px 0 12px;
  padding: 12px 14px;
  border: 1px solid var(--ps-line);
  border-radius: 4px;
  background: color-mix(in srgb, var(--ps-text) 3%, var(--ps-paper));
  color: var(--ps-text);
  font-size: var(--ws-label);
  overflow-wrap: anywhere;
}
.ws-recovery-heading { display: flex; align-items: center; gap: 8px; }
.ws-recovery-icon {
  display: inline-grid; place-items: center; flex: none;
  width: 18px; height: 18px; border: 1px solid currentColor;
  border-radius: 50%; color: var(--ps-muted); font-size: var(--ws-small);
}
.ws-recovery > p { margin: 8px 0; color: var(--ps-muted); font-size: var(--ws-label); }
.ws-recovery-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ps-app.ps-workspace-mode .ws-recovery-actions button,
.ps-app.ps-workspace-mode .ws-teacher-actions button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 32px; min-height: 32px; padding: 0 8px; border: 1px solid var(--ps-line);
  border-radius: 4px; background: var(--ps-paper); color: var(--ps-text);
}
.ps-app.ps-workspace-mode .ws-recovery-actions .ws-recovery-primary {
  background: var(--ws-recovery-solid); border-color: transparent; color: #ffffff;
}
.ps-app.ps-workspace-mode :is(.ws-recovery-actions, .ws-teacher-actions) button:hover:not(:disabled) {
  background: color-mix(in srgb, var(--ps-text) 7%, var(--ps-paper));
}
.ps-app.ps-workspace-mode .ws-recovery-actions .ws-recovery-primary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--ws-recovery-solid) 90%, var(--ps-text));
}
.ws-recovery-details { margin-top: 8px; color: var(--ps-muted); font-size: var(--ws-small); }
.ws-recovery-details summary { cursor: pointer; width: fit-content; }
.ws-recovery-details p { margin: 8px 0 0; font-size: inherit; }
.ps-app.ps-workspace-mode .ws-teacher-avatar { width: 160px; }
.ws-teacher-title { display: flex; align-items: center; gap: 8px; }
.ws-teacher-title::after {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent, #347cf1);
}
.ps-app.ps-workspace-mode .ws-teacher-actions select {
  height: 32px; border: 1px solid var(--ps-line); background-color: var(--ps-paper);
  border-radius: 4px;
}
.ps-app.ps-workspace-mode .ws-teacher-actions button[aria-pressed=true] {
  color: var(--accent, #347cf1); border-color: currentColor;
}
.ps-app.ps-workspace-mode .ws-teacher-actions button:disabled {
  color: var(--ps-muted); opacity: .55; cursor: default;
}
.ps-app.ps-workspace-mode .ws-teacher-actions svg { width: 18px; height: 18px; flex: none; }
@media (max-width: 1200px) {
  .ps-app.ps-workspace-mode .ws-teacher-avatar { width: 144px; }
}
@media (max-width: 700px) {
  .ps-app.ps-workspace-mode .ws-teacher-avatar { width: 104px; }
}
@media (forced-colors: active) {
  .ps-app.ps-workspace-mode .ws-recovery-actions .ws-recovery-primary { border-color: ButtonText; }
}