/* Calm empty states occupy the list column, independently of its sidebar. */
#seafix-demo :is(#sf-assigned-summary-counted, #sf-assigned-summary-empty)[hidden],
#seafix-demo .sf-empty-work[hidden] { display: none !important; }
#seafix-demo .sf-empty-work {
  box-sizing: border-box; min-height: 320px; min-height: clamp(300px, 44svh, 440px);
  gap: 24px; padding: 40px 18px; margin: 0; text-align: center;
}
#seafix-demo .sf-empty-work-copy { width: 100%; max-width: 360px; text-align: center; }
#seafix-demo .sf-empty-work-copy h3 { font-size: clamp(20px, 1.7vw, 25px); font-weight: 600; line-height: 1.3; }
#seafix-demo .sf-empty-work-copy .sf-assigned-intro { margin: 9px 0 0; line-height: 1.6; }
#seafix-demo .sf-empty-work-symbol {
  display: grid; position: relative; flex: 0 0 auto; place-items: center;
  width: 92px; height: 92px; border-radius: 30px; color: var(--sf-heading);
  background: light-dark(#e8e8ed, #282b31);
  box-shadow: 0 0 0 12px light-dark(rgba(224, 225, 231, .28), rgba(77, 82, 93, .12));
}
#seafix-demo .sf-empty-work-symbol > svg { --icon-size: 38px; width: 38px; height: 38px; stroke-width: 1.5; }
#seafix-demo .sf-empty-work-symbol--ship { background: light-dark(#e4eeea, #23352e); }
#seafix-demo .sf-empty-work-check {
  display: grid; position: absolute; right: -5px; bottom: -5px; place-items: center;
  width: 26px; height: 26px; border: 3px solid var(--sf-canvas); border-radius: 50%;
  color: light-dark(#327153, #a4dbbd); background: light-dark(#d7e9df, #2c4638);
}
#seafix-demo .sf-empty-work-check svg { --icon-size: 14px; width: 14px; height: 14px; stroke-width: 2; }
@media (min-width: 1000px) {
  #seafix-demo.sf-split-view .sf-empty-work { min-height: clamp(340px, 52svh, 530px); }
}
@media (max-width: 759px) {
  #seafix-demo .sf-empty-work { min-height: 310px; flex-grow: 1; padding: 36px 16px; gap: 22px; }
  #seafix-demo .sf-empty-work-symbol { width: 80px; height: 80px; border-radius: 26px; }
  #seafix-demo .sf-empty-work-symbol > svg { --icon-size: 34px; width: 34px; height: 34px; }
}