.drafts-workspace{
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:16px;
}

.drafts-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  border:1px solid #cfe0ff;
  border-radius:18px;
  background:linear-gradient(110deg,#f7faff 0%,#eef5ff 100%);
}

.drafts-intro .eyebrow,
.saved-draft-copy .eyebrow{margin:0 0 4px;}

.drafts-intro h2,
.saved-draft-copy h2{margin:0;color:#102a56;}

.drafts-intro p:not(.eyebrow),
.saved-draft-copy p:not(.eyebrow){margin:5px 0 0;color:#5b6f8d;}

.drafts-list{
  min-height:0;
  display:grid;
  align-content:start;
  gap:12px;
  overflow:auto;
  padding:1px 3px 3px 1px;
}

.saved-draft-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto auto;
  align-items:center;
  gap:16px;
  padding:16px 18px;
}

.saved-draft-icon{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:14px;
  background:#e7f0ff;
}

.saved-draft-icon svg{width:27px;height:27px;}

.saved-draft-copy{min-width:0;}

.saved-draft-copy h2{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
}

.saved-draft-copy p:not(.eyebrow){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}

.saved-draft-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.saved-draft-actions .secondary-button{white-space:nowrap;}
.saved-draft-actions .secondary-button svg{width:17px;height:17px;}

@media (max-width:900px){
  .saved-draft-card{grid-template-columns:48px minmax(0,1fr) auto;}
  .saved-draft-card .state-badge{grid-column:2;justify-self:start;}
  .saved-draft-actions{grid-column:3;grid-row:1 / span 2;flex-direction:column;align-items:stretch;}
}

@media (max-width:620px){
  .drafts-intro{align-items:flex-start;flex-direction:column;gap:10px;padding:18px;}
  .saved-draft-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;}
  .saved-draft-icon{width:44px;height:44px;}
  .saved-draft-card .state-badge{grid-column:2;}
  .saved-draft-actions{grid-column:1 / -1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .saved-draft-actions .secondary-button{width:100%;justify-content:center;}
}