.lss-header {
  padding: 10px 0;
}

.lss-body {
  padding: 10px 0;
}

.lss-noroster {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px dashed #e2e8f0;
  border-radius: 8px;
  color: #64748b;
  font-size: 13px;
}

.lss-create-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  background: #2563eb;
  color: #fff;
  cursor: pointer;
  font-size: 13px;

  mat-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
  }
}

.lss-state {
  padding: 16px;
  color: #64748b;
  font-size: 13px;
}

.lss-empty {
  padding: 16px;
  color: #64748b;
  font-size: 13px;
  font-style: italic;
}

.lss-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}