/* Isolated production overlay for the approved Knowledge Workshop layout C.
   The matching canonical rules live in src/styles.css. Keep this file scoped
   to Workshop only; it is loaded after the existing production stylesheet. */
.workshop-grid {
  grid-template-columns: minmax(210px, 15fr) minmax(420px, 47fr) minmax(380px, 38fr);
  align-items: stretch;
  height: clamp(560px, calc(100dvh - 270px), 780px);
}
.workshop-list, .workshop-editor, .workshop-vera { min-height: 0; }
.workshop-list { display: flex; flex-direction: column; }
.workshop-list .admin-search { flex: none; }
.workshop-status-tabs { flex-wrap: wrap; overflow: visible; }
.workshop-card-list {
  align-content: start;
  flex: 1;
  min-height: 0;
  max-height: none;
}
.workshop-card-list > button {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 6px 8px;
  align-items: start;
}
.workshop-card-list > button > svg { grid-row: 1 / span 2; }
.workshop-card-list > button > .chip { grid-column: 2; justify-self: start; }
.workshop-card-list strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  text-overflow: clip;
  font-size: 11px;
}
.workshop-editor { overflow: auto; }
.workshop-vera { position: sticky; top: 76px; display: flex; flex-direction: column; }
.workshop-thread { align-content: start; flex: 1; max-height: none; }
.workshop-thread:has(.workshop-empty) { align-content: center; }

@media (max-width: 1340px) {
  .workshop-grid { grid-template-columns: 260px minmax(0, 1fr); height: auto; }
  .workshop-editor { max-height: clamp(560px, calc(100dvh - 270px), 780px); }
  .workshop-vera { position: static; grid-column: 1 / -1; }
}
@media (max-width: 800px) {
  .workshop-grid { grid-template-columns: minmax(0, 1fr); }
  .workshop-list, .workshop-vera { grid-column: auto; }
  .workshop-card-list { max-height: 320px; }
  .workshop-editor { max-height: none; }
}