/* Compact, opt-in task approval fields inside existing Communications review cards. */
.email-task-review-form{
  margin-top:12px;
  padding:16px;
  border:1px solid var(--edge, #333);
  border-radius:12px;
  background:var(--panel2, #282828);
  width:100%;
  flex:1 0 100%;
  min-width:0;
}
.email-task-review-form[hidden],
.email-task-review-error[hidden]{display:none!important}
.email-task-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}
.email-task-review-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  font-size:12px;
  font-weight:600;
  color:var(--muted,#b3b3b3);
}
.email-task-review-field input,
.email-task-review-field select{
  box-sizing:border-box;
  width:100%;
  min-height:40px;
  padding:9px 10px;
  border:1px solid var(--axle-control-border, #3e3e3e);
  border-radius:8px;
  background:var(--axle-input, #282828);
  color:var(--text, #fff);
  font:inherit;
  font-size:14px;
}
.email-task-review-field :is(input,select):focus-visible{
  outline:2px solid var(--gold,#e7b122);
  outline-offset:2px;
}
.email-task-review-hint{
  margin:12px 0 8px;
  font-size:12px;
  color:var(--muted,#b3b3b3);
}
.email-task-review-error{
  margin:6px 0;
  color:#ff8585;
  font-size:12px;
}
.email-task-review-form .item-actions{margin-top:10px}
@media(max-width:680px){
  .email-task-review-grid{grid-template-columns:1fr}
  .email-task-review-form{padding:12px}
}